Jquery获得li标签的值

来源：互联网发布：编程语言排名2017 编辑：程序博客网时间：2024/05/14 09:11

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

Question

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
Reply
|
Quote

Answers

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>
<olid="selectable">
<liclass="ui-widget-content"value="110101">东城区</li>
<liclass="ui-widget-content"value="110102">西城区</li>
<liclass="ui-widget-content"value="110103">朝阳区</li>
<liclass="ui-widget-content"value=" 110106">丰台区</li>
<liclass="ui-widget-content"value="110107">石景山区</li>
<liclass="ui-widget-content"value="110108">海淀区</li>
<liclass="ui-widget-content"value="110224">亦庄开发区</li>
</ol>
<p>
<inputid="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
Reply
|
Quote

All replies

设法定义一个全局变量然后获取全部的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>

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

Edited by ThankfulHeartMVP Monday, December 24, 2012 8:53 AM

Monday, December 24, 2012 8:50 AM

0
Sign in to vote
我是要得到选中项的值，并且在$.each方法外部也能用
Monday, December 24, 2012 8:55 AM
Reply
|
Quote
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>
<olid="selectable">
<liclass="ui-widget-content"value="110101">东城区</li>
<liclass="ui-widget-content"value="110102">西城区</li>
<liclass="ui-widget-content"value="110103">朝阳区</li>
<liclass="ui-widget-content"value=" 110106">丰台区</li>
<liclass="ui-widget-content"value="110107">石景山区</li>
<liclass="ui-widget-content"value="110108">海淀区</li>
<liclass="ui-widget-content"value="110224">亦庄开发区</li>
</ol>
<p>
<inputid="Button1"type="button"value="button"onclick="buttonClick()"/></p>
</body>
</html>

0 0