JQUERY，请问如何获取LI下所有元素的VALUE值

var dataArray = [];

$('ul')children('li')each(function(){

var self = $(this)children('p');

var data = {

'pli_id': selfeq(0)text(),

'pli_name': selfeq(1)text(),

'pli_age': selfeq(2)text()

};

dataArraypush(data);

});

最后dataArray里面就是一个对象的数组，具体就是

[

{ pli_id: '1001', pli_name: '小强', pli_age: 13 },

{ pli_id: '1002', pli_name: '小丽', pli_age: 14 },

{ pli_id: '1003', pli_name: '小明', pli_age: 12 },

{ pli_id: '1004', pli_name: '小红', pli_age: 14 }

]

$(function(){ $('#topmenu>li')click(function(){ $(this)parent()find('liqhbg')removeClass('qhbg'); $(this)addClass('qhbg'); });});

方法挺多的：

1、用not

$("ul>li")not(":eq(0)")remove();

或

$("ul>li")not(":first")remove();

2、用filter

$("ul>li")filter(function(index){return index!=0;})remove();

$("ul li:first");

jquery获取ul中的第一个li的方法:

$("ul li")eq(0);

$("ul li")first();

$("ul li")slice(0,1);//slice第一个参数表示的选取开始的位置，第二个参数是结束的位置

<script type="text/javascript">

//方案一$(function(){

var list=$("ul");

for (var i = 0; i < listlength; i++) {

$("ul:eq("+i+") li:first")css("background","red");

}

});

//方案二/$(function(){

$("ul")each(function(){

$(this)children()first()css("background","red"); 

});

});

///方案三/$(function(){

$("ul li:nth-child(1)")css("background","red");

});

///方案四/$(function(){

$("ul li:first-child")css("background","red");

});/</script>

1、取出所有的ul

2、遍历ul，取出ul下的第一个li

3、改变li的背景样式

$(function(){

    $("ul")each(function(){

        //取出ul下的第一个li

        var li= $(this)children()first();

        licss("background","pink");

    });

});

jquery的 length 属性用以获取包含 jQuery 对象中元素的数目：

$("a b li")length;    // a类后代b类中包含的li元素的数量

综合示例如下：

创建Html元素

<div class="box">

<span>点击按钮获取li数量：</span><br>

<div class="content">

<div class="test">

<ul>

  <li>John</li>

  <li>Karl</li>

  <li>Brandon</li>

</ul>

</div>

<div class="test">

<ul>

  <li>Glen</li>

  <li>Tane</li>

  <li>Ralph</li>

  <li>Ralph</li>

</ul>

</div>

<div class="test">

<ul>

  <li>John</li>

  <li>Karl</li>

  <li>Brandon</li>

</ul>

</div>

</div>

<input type="button" value="获取li的数量">

</div>

设置css样式

divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

divbox span{color:#999;font-style:italic;}

divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

input[type='button']{height:30px;margin:10px;padding:5px 10px;}

ul{padding:5px 25px;border:2px dashed #cc6699;}

编写jquery代码

$(function(){

$(":button")click(function() {

tol = $("content test li")length;

num = $("content test ul")map(function() {

return $(this)find("li")length;

})get()join(',');

alert("不同div下的li数量分别为："+num+",总数为："+tol+"。");

});

})

观察效果

以上就是关于JQUERY，请问如何获取LI下所有元素的VALUE值全部的内容，包括:JQUERY，请问如何获取LI下所有元素的VALUE值、jquery 获取<ul> 点击的是那个<li>、jquery中删除指定ul中除第一个li外的所有li的代码等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！