jquery如何获取div中li元素

1、通过过滤器获取li数组

var lis = $('div li');//表示获取div下所有的直接或者非直接li节点。

2、循环lis方式获取每个li元素

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

   var li = lis[i];//获取每个li元素

}

思路：利用jQuery选择器直接根据类名获取对象→遍历对象→使用 attr() 方法获取id属性值。下面实例演示——获取所有class为test的元素的id值：

1、HTML结构

<div class="test" id="div_id">我的类是test，id是div_id</div>

<input type="text" class="test" id="input_id" value="我的类是test，id是input_id" />

<div class="test">我的类是test，没有id属性</div>

<li class="test" id="li_id">我的类是test，id是li_id</li>

<input type="button" value="确定">

2、jQuery代码

$(function(){

$("input[type='button']")click(function() {

var ids = [];

$("test")each(function(index, el) {

var id = $(this)attr("id");

if(typeof(id)!=='undefined'){

idspush(id)

}

});

alert(ids);

});

});

3、效果演示

JQuery层级元素获取 ：

$("Element1 Element2 Element3 ") '前面父级 后面是子集

$("div > p") '获取div下面的所有的 p元素

$("div + p") 'div元素后面的第一个 p元素

$("div ~ p") 'div后面的所有的 p元素

首先，要用jquery获取到这个元素，用attr方法可以输出这个元素的标签属性。例如：

<div id='id1' class='class2'></div>

$('#id1') 获取到这个元素，有很多种获取元素方法，可参考jquery的文档。

$('#id1')attr('id')，就是获取到ID

$('#id1')attr('class')，就是获取到整个的class样式，多个样式可以自行用空格split一下。

以上就是关于jquery如何获取div中li元素全部的内容，包括:jquery如何获取div中li元素、jquery怎样在获取同一个div下的类的ID、jquery 怎么获取层级对象等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！