span点击-关于span标签点击传值的问题~

问题描述

关于span标签点击传值的问题~
 body标签已在页面加载的时候有init()方法了,请大神注意
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="jscript">

    var searchService, markers = [];
    var citylocation,map,marker = null;
    var Mrzb;
    function init() {
        //根据用户的浏览器IP定位  得出”经纬度“
        citylocation = new qq.maps.CityService({
                complete : function(result){
                        map.setCenter(result.detail.latLng);
                }
            });
        citylocation.searchLocalCity();
        **//怎么样才能把<span></span>标签内的data-lat-code和data-long-code传进来**
        var center = new qq.maps.LatLng(“data-lat-code”,“data-long-code”);
        var map = new qq.maps.Map(document.getElementById('container'), {
            disableDefaultUI: true,
            panControl: false,
            zoomControl: false,
            scaleControl: false,
            center: center,
            zoom: 13,
            zoomControlOptions: {
                //设置缩放控件的位置为相对左方中间位置对齐.
                // position: qq.maps.ControlPosition.LEFT_CENTER,

            }

        });
    }

    </script>
</head>

<body onLoad="init()">
    <div class="cityb">
        <ul>
        **//点击span标签,传值到上面的js或jq中**
            <li><span data-lat-code="24.919489"  data-long-code="102.478485">安宁</span></li>
            <li><span data-lat-code="36.079834"  data-long-code="114.389412">安阳</span></li>
            <li><span data-lat-code="32.684715"  data-long-code="109.029022">安康</span></li>
            <li><span data-lat-code="26.253071"  data-long-code="105.947594">安顺</span></li>
            <li><span data-lat-code="30.543489"  data-long-code="117.063744">安庆</span></li>
            <li><span data-lat-code="40.299999"  data-long-code="80.400002">阿拉尔</span></li>
            <li><span data-lat-code="41.108639"  data-long-code="122.994324">鞍山</span></li>
            <li><span data-lat-code="22.186834"  data-long-code="113.54303">澳门</span></li>
        </ul>
    </div>
</body>
</html>

解决方案

 var center = new qq.maps.LatLng($("body ul").find("li").eq(第n行).find("span").eq(0).attr("data-lat-code"),$("body ul").find("li").eq(第n行).find("span").eq(0).attr("data-long-code"));

解决方案二:

请问eq(第n行)是什么意思

解决方案三:

span里可以增加一个onclick属性,然后传参数即可

时间: 2024-08-18 23:37:36

span点击-关于span标签点击传值的问题~的相关文章

在Firefox下js select标签点击无法弹出

在Firefox下js select标签点击无法弹出,在IE和CHROME下没有此现象 在项目中运用到了JQUERY UI,用到了其中的disableSelection()方法,这个方法是让页面上的指定元素无法通过鼠标拖拽进行选择. 由于某些需求,我在给div使用了此方法后,达到了上述效果,但是有不足的地方. 在Firefox下运用此方法后,div中的select方法点击之后将会无法弹出,在IE和CHROME下没有此现象.  

点击某一个标签,显示所有以该标签为关键字的站内搜索结果

问题描述 小弟初学.NET,现在想要实现一个功能:点击某一个标签,显示所有以该标签为关键字的站内搜索结果,不胜感激!此致

javascript-如何实现点击退出a标签后浏览器不能返回到之前的页面

问题描述 如何实现点击退出a标签后浏览器不能返回到之前的页面 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Top.aspx.cs" Inherits="Admin_Top" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htt

struct-有二十来个遍历出来的a标签。我想点击获取a标签的值。可以怎么获取。

问题描述 有二十来个遍历出来的a标签.我想点击获取a标签的值.可以怎么获取. "); %> 解决方案 你是想在哪获取a标签的值呢?可以用js来操作a标签啊. 解决方案二: 使用委托绑定a的click事件,以下示例: $('A').live('click', function () { alert($(this.val())); }) 解决方案三: 上面的有些出入 使用委托绑定a的click事件,以下示例: $('A').live('click', function () { ** aler

简单纯js实现点击切换TAB标签实例_javascript技巧

一个不需要jQuery实现的tab选项卡切换效果,代码简洁易用. 默认是鼠标悬停显示tab效果,可将其中的onmouseover 修改为 onclick 点击效果 使用方法: 1.将附件中的index.html中的css样式以及代码部分拷贝到你需要的地方即可 相关链接:几行简单的jQuery代码搞定tab标签切换效果 展示效果图: 效果展示  源码下载 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &

js实现点击切换TAB标签实例_javascript技巧

本文实例讲述了js实现点击切换TAB标签.分享给大家供大家参考.具体如下: 这里演示的选项卡效果代码,无jq,纯JS来实现,灰色风格,没有怎么美化,或许看上去比较普通,不过兼容性和操作起来挺舒服的,风格适用于大部分的网站,或许你会用得上. 先来看看运行效果截图: 在线演示地址如下: http://demo.jb51.net/js/2015/js-tab-click-cha-menu-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTM

chrome下判断点击input上标签还是其余标签的实现方法_javascript技巧

想要实现的功能:当input框失焦且点击的不是清除键时,执行reset方法重置input样式,当点击清除键时,执行clear方法,清除input内容. 如图 本想通过如下代码来实现 $(".search-input").focusout(function () { if (document.activeElement.className !== 'close-t') {//close-t为清除键类名 $('.search-input').addClass('search-before'

show hide-点击2隐藏1 点击1隐藏2 那点击3 4 5该怎么弄?

问题描述 点击2隐藏1 点击1隐藏2 那点击3 4 5该怎么弄? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> &

jQuery实现点击页面获得当前点击元素的id

 点击页面获得当前点击元素的id或者其他信息,使用jquery可以轻松做到这一点,下面有个不错的示例,希望对大家有所帮助 代码如下: $(document).click(function (e) {  var v_id = $(e.target).attr('id');  }    复制代码 代码如下: $(e.target)    得到了当前元素 可以的要标签名,name等你想要的属性 可以控制点击哪写标签触发事件    js判断字串是否包含另一个字串    "ssssddd".in