Jquery获得li标签的值

最新推荐文章于 2021-01-08 02:45:12 发布
最新推荐文章于 2021-01-08 02:45:12 发布
阅读量5.9k 收藏 1
点赞数
文章标签： jquery

文章来源 ：http://social.microsoft.com/Forums/en-US/1b6cdf7b-62eb-4a4e-892a-c1beebf32369/jqueryli

  • Question

  • Question
    Sign in to vote
    0

                     <td class="nesmore">
                            所在区域：
                        </td>
                        <td class="nesmoreL" colspan="5">
                            <ol id="selectable">
                                <li class="ui-widget-content" value="110101">东城区</li>
                                <li class="ui-widget-content" value="110102">西城区</li>
                                <li class="ui-widget-content" value="110103">朝阳区</li>
                                <li class="ui-widget-content" value=" 110106">丰台区</li>
                                <li class="ui-widget-content" value="110107">石景山区</li>
                                <li class="ui-widget-content" value="110108">海淀区</li>
                                <li class="ui-widget-content" value="110224">亦庄开发区</li>
                            </ol>
                        </td>

    我想通过jquery获得选中项的value并保存起来

    之前用   $("ol li").each(function() {
                     $(this).click(function() {
                     areaCode  =  $(this).attr("value");

    　　　　　　}

    　　　　}这个方法得到了，但是出了这个括号就获取不到值了，没法用ajax异步请求，该如何解决呢？

    Monday, December 24, 2012 8:32 AM
    |

Answers

  • Question
    Sign in to vote
    0
    Sign in to vote
    我是要得到  选中  项的值，并且在$.each方法外部也能用

    根据我的代码你自己想想看啊：启用click事件添加不就可以了？

                                                                          

    <!DOCTYPEhtml>
    <htmlxmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title></title>
    <scriptsrc="Scripts/jquery-1.8.3.js"></script>
    <script>
    function buttonClick() {
    //使用全局的Array（类似C#中Dictionary保存Key和Value）：
    var index = 0;
    var a = new Array();

    $("ol li").each(function() {
                     $(this).click(function() {
                     a[$( this).text()] = $( this).attr( "value");

    　　　　　　}

    　　　　}

                                                                                                                               
    // 测试输出
    for ( var i  in a) {
                    alert(i+ "<===>"+a[i]);
                }
            }
    </ script >
    </ head >
    < body >
    < ol id = "selectable" >
    < li class = "ui-widget-content" value = "110101" >东城区 </ li >
    < li class = "ui-widget-content" value = "110102" >西城区 </ li >
    < li class = "ui-widget-content" value = "110103" >朝阳区 </ li >
    < li class = "ui-widget-content" value = " 110106" >丰台区 </ li >
    < li class = "ui-widget-content" value = "110107" >石景山区 </ li >
    < li class = "ui-widget-content" value = "110108" >海淀区 </ li >
    < li class = "ui-widget-content" value = "110224" >亦庄开发区 </ li >
    </ ol >
    < p >
    < input id = "Button1" type = "button" value = "button" onclick = "buttonClick() " /></ p >
    </ body >
    </ html >

    帮助一起改进论坛质量？提交你的意见于此。
    我的博客园
    慈善点击，点击此处
    和谐拯救危机，全集下载，净化人心

    • Marked as answer by 小欢乐丶 Monday, December 24, 2012 9:09 AM
    Monday, December 24, 2012 8:59 AM
    |

All replies

  • Question
    Sign in to vote
    0
    Sign in to vote

    设法定义一个全局变量然后获取全部的li数值：

    <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="Scripts/jquery-1.8.3.js"></script>
    <script>
        function buttonClick() {
            //使用全局的Array（类似C#中Dictionary保存Key和Value）：
            var index = 0;
            var a = new Array();
            $("li").each(function ()
            {
                a[$(this).text()] = $(this).attr("value");
            });
 
           // 测试输出
            for (var i in a) {
                alert(i+"<===>"+a[i]);
            }
        }
    </script>
</head>
<body>
    <ol id="selectable">
        <li class="ui-widget-content" value="110101">东城区</li>
        <li class="ui-widget-content" value="110102">西城区</li>
        <li class="ui-widget-content" value="110103">朝阳区</li>
        <li class="ui-widget-content" value=" 110106">丰台区</li>
        <li class="ui-widget-content" value="110107">石景山区</li>
        <li class="ui-widget-content" value="110108">海淀区</li>
        <li class="ui-widget-content" value="110224">亦庄开发区</li>
    </ol>
    <p>
        <input id="Button1" type="button" value="button" onclick="buttonClick()" /></p>
</body>
</html>

    帮助一起改进论坛质量？提交你的意见于此。
    我的博客园
    慈善点击，点击此处
    和谐拯救危机，全集下载，净化人心

    Monday, December 24, 2012 8:50 AM
    |
  • Question
    Sign in to vote
    0
    Sign in to vote
    我是要得到  选中  项的值，并且在$.each方法外部也能用
    Monday, December 24, 2012 8:55 AM
    |
  • Question
    Sign in to vote
    0
    Sign in to vote
    我是要得到  选中  项的值，并且在$.each方法外部也能用

    根据我的代码你自己想想看啊：启用click事件添加不就可以了？

                                                                          

    <!DOCTYPEhtml>
    <htmlxmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title></title>
    <scriptsrc="Scripts/jquery-1.8.3.js"></script>
    <script>
    function buttonClick() {
    //使用全局的Array（类似C#中Dictionary保存Key和Value）：
    var index = 0;
    var a = new Array();

    $("ol li").each(function() {
                     $(this).click(function() {
                     a[$( this).text()] = $( this).attr( "value");

    　　　　　　}

    　　　　}

                                                                                                                               
    // 测试输出
    for ( var i  in a) {
                    alert(i+ "<===>"+a[i]);
                }
            }
    </ script >
    </ head >
    < body >
    < ol id = "selectable" >
    < li class = "ui-widget-content" value = "110101" >东城区 </ li >
    < li class = "ui-widget-content" value = "110102" >西城区 </ li >
    < li class = "ui-widget-content" value = "110103" >朝阳区 </ li >
    < li class = "ui-widget-content" value = " 110106" >丰台区 </ li >
    < li class = "ui-widget-content" value = "110107" >石景山区 </ li >
    < li class = "ui-widget-content" value = "110108" >海淀区 </ li >
    < li class = "ui-widget-content" value = "110224" >亦庄开发区 </ li >
    </ ol >
    < p >
    < input id = "Button1" type = "button" value = "button" onclick = "buttonClick() " /></ p >
    </ body >
    </ html >

yjj20007665
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jq获取当前li里的属性值_关于li标签的value属性值的获取问题
weixin_32127545的博客
12-24 1759
在前几天的开发过程中，遇到了这样一个问题。在li标签中嵌入了一个value属性，如这样滴：1 2 3 然后通过JQ的val()来打算获取每个li的value值var ts1 = $('#ts1').val();var ts2 = $('#ts2').val();var ts3 = $('#ts3').val();console.log(ts1);console.log('------------ ...
加载列表时jquery获取ul中第一个li的属性
10-25
获取LI内部第一个A标签的语法是`$("#id名 LI:first a")`，然后可以使用和修改属性相同的方法进行操作。例如，要修改A标签的属性值为空，可以使用`$("#top_menu li:first a").attr("","")`，如果需要触发点击事件，则...
jquery 如何获取ul中li的值
信徒博客
04-04 1万+
html页面代码如下 <span></span>显示选中的li的值 <span id="tresult"></span> <ul style="list-style:none;" id="uli"> <li>五谷杂粮</li> <li>水产类</li> <li...
jQuery点击获取li的值
qwh66的专栏
08-14 8104
$(document).ready(function(){ $('li').click(function() { var url ="http://www.baidu.com"; window.location.href = url; }); });
jquery获取ul中li的值
weixin_30755709的博客
01-31 67
转载于:https://www.cnblogs.com/feifeicui/p/8390590.html
jq获取当前li里的属性值_那些暖人心却鲜为人知的CSS属性
weixin_39619451的博客
01-08 102
CSS表达式 attr() 用来获取选择到的元素的某一HTML属性值，并用于其样式。它也可以用于伪元素，属性值采用伪元素所依附的元素。例子：运行结果：浏览器支持情况：IE只有IE11才支持，其他浏览器可以安全使用currentColorcurrentColor不是一个css属性，而是color的属性值。它返回当前的标签所继承的文字颜色。我自己是一名从事了多年开发的web前端老程序员，目前辞职在做自...
jQuery修改li下的样式以及li下的img的src的值的方法
01-19
jQuery如何修改li下的样式，以及修改li下的img的src的值，下面是具体的实现代码，需要的朋友可以看看 $(.test li).click(function() { $(.test li a).removeClass(test01); $(.test li a).addClass(test02); $(a, ...
jQuery文本框回车创建标签代码
06-24
此外，如果需要获取所有的标签值，可以使用jQuery遍历`<ul>`元素的子节点，并将`<li>`标签的内容收集起来： ```javascript function getTagValues() { var tags = []; $('#tagList li').each(function() { tags....
jquery获取当前元素索引值用法实例
10-24
获取索引的方法是通过`$("#carouseltitle ul li").index($("#carouseltitle ul li.active")[0])`实现的，这里使用了jQuery的选择器来找到具有"active"类的`<li>`标签，然后通过`index()`方法获得它的索引值。...
jquery实现Li滚动时滚动条自动添加样式的方法
10-23
这段代码的关键部分是`if(park<350 && park>0)`，这决定了哪个`<li>`元素应该获得`avtive`类。`park`变量是`<h2>`元素的顶部距离页面顶部的距离减去当前滚动位置，如果这个值小于350且大于0，表示`<h2>`元素正在视口...
jquery获取当前点击对象的value方法
01-19
例：获取ul中li的value值 首先，在html中我们要为每个li设置value值 代码如下: <ul> <li value=”你好”></li> <li value=”hello”></li> <li value=”></li> </ul> 再通过jquery根据点击事件获取对应的value 代码如下: $(document).ready(function(){ $(“li”).click(function{ alert($(this).val()); }); });
jquery遍历多个li_jQuery怎么获取li列表中的第几个li
weixin_39884832的博客
12-19 639
[HTML] 纯文本查看 复制代码蚂蚁部落#items{width:900px;height:auto;margin:0 auto;padding:5px 0;clear:both;}#items ul, #items li{list-style:none;}#items li{width:500px;height:28px;text-align:left;padding-left: 0px;li...
jq中获取某ul下所有li的文本值
热门推荐
Howard的博客
03-28 3万+
最近在做项目时遇到需要遍历某个ul下的li并重新拼接，这里记录下获取ul下li的方法。 2017 1-12 10:55 --> 想要获取上面ul下的所有文本值，这里通过函数实现，通过调用该函数即可 获取方法如下： function last() { $(".down-box").each(
jQuery获取所点击ul中li的文本值
打酱油的程序员
11-28 1万+
最近做项目中要用到获取所点击ul中li的文本值，我整理了下jQuery的实现方式，当然javascript中跟其思路一样。 <div class="con"> <span>今天是：</span><span><input type="text" id="tresult" /></span> ...
Jquery和JS获取ul中li标签的值以及赋值问题
09-15 2万+
通过点击li标签，拿到li值，在把值赋给一个文本框 以下是HTML，以及input标签<input type="hidden" id="orderBy" value="${orderBy}" > <input type="hidden" id="orderColumn " value="${orderColumn }" > <ul class="orderType" > <li va
jquery 点击获取li标签的value
最新发布
05-20
假设你有以下HTML代码： ``` <ul> <li value="1">Item 1</li> <li value="2">Item 2</li> <li value="3">Item 3</li> </ul> ``` 你可以使用 jQuery 在点击每个 `<li>` 标签时获取其 `value` 属性的值，代码如下： ``` $("li").click(function() { var value = $(this).attr("value"); console.log(value); }); ``` 在这个例子中，我们使用了 `click` 事件监听器来捕捉每个 `<li>` 标签的点击事件。在事件处理程序中，我们使用 `$(this)` 来引用当前点击的 `<li>` 元素，然后使用 `.attr()` 方法获取其 `value` 属性的值，并将其存储在变量 `value` 中。最后，我们使用 `console.log()` 方法将该值输出到控制台。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值