$('#1')parent()find('>li:last')css('background-color', 'red');
这样用 > 号获取最接近的子元素
先获取当前对象，再根据对象去获取上一个兄弟节点和下一个兄弟节点
prev()
定义和用法
prev()
获得匹配元素集合中每个元素紧邻的前一个同胞元素，通过选择器进行筛选是可选的。
prev(selector)
参数描述
selector
字符串值，包含用于匹配元素的选择器表达式。
--说明：如果给定一个表示
DOM
元素集合的
jQuery
对象，prev()
方法允许我们在
DOM
树中搜索这些元素的前一个同胞元素，并用匹配元素构造一个新的
jQuery
对象。
next()
定义和用法
next()
获得匹配元素集合中每个元素紧邻的同胞元素。如果提供选择器，则取回匹配该选择器的下一个同胞元素。
next(selector)
参数描述
selector
字符串值，包含用于匹配元素的选择器表达式。
--说明：如果给定一个表示
DOM
元素集合的
jQuery
对象，next()
方法允许我们搜索
DOM
树中的元素紧跟的同胞元素，并用匹配元素构造新的
jQuery
对象。
示例：
<!--HTML代码-->
<div id="div1">111</div>
div id="div2">222</div>
div id="div3">333</div>$("#div2")prev()attr("id"); //获取div2同级的上一个div的id，值为div1
$("#div2")next()attr("id"); //获取div2同级的下一个div的id，值为div3
jquery获取div中的id就是根据本身的层次选择的。
jQuery 元素选择器
jQuery 使用 CSS 选择器来选取 HTML 元素。
$("p") 选取 <p> 元素。
$("pintro") 选取所有 class="intro" 的 <p> 元素。
$("p#demo") 选取所有 id="demo" 的 <p> 元素。
更多的选择器实例 语法 描述
$(this) 当前 HTML 元素
$("p") 所有 <p> 元素
$("pintro") 所有 class="intro" 的 <p> 元素
$("intro") 所有 class="intro" 的元素
$("#intro") id="intro" 的元素
$("ul li:first") 每个 <ul> 的第一个 <li> 元素
$("[href$='jpg']") 所有带有以 "jpg" 结尾的属性值的 href 属性
$("div#intro head") id="intro" 的 <div> 元素中的所有 class="head" 的元素
$("#btnAdd")click(function(){
$("<span/>")appendTo("#addTagDiv")html($("#textAdd")val())addClass("spanTag")click(function(){
//这里面的this就是当前这个span的dom元素
//$(this)就是当前span的jquery对象，你可以对他们进行任何 *** 作
//比如现在我就移除当前这个span
$(this)remove();
})
});
//最后整个代码的意思就是一个ID为btnAdd的元素单击时则追加一个span元素到ID为addTagDiv的元素内，该span的html为一个ID叫textAdd元素的value属性值。然后单击任何一个新增的span元素将会把这个span移除掉
//代码没有测试，如有问题请继续追问
可以使用jQuery的children方法来获取某个元素下的所有子元素。
工具原料：编辑器、浏览器
1、使用children方法可以获得选择器下的所有子元素，代码实例如下：
<!DOCTYPE html><html>
<head>
<script type="text/javascript" src="/jquery/jqueryjs"></script>
<style>
body { font-size:16px; font-weight:bolder; }
p { margin:5px 0; }
</style>
</head>
<body>
<div>
<span>Hello</span>
<p class="selected">Hello Again</p>
<div class="selected">And Again</div>
<p>And One Last Time</p>
</div>
<script>$("div")children("selected")css("color", "blue");</script>
</body>
</html>
2、运行的结果是找到类名为 "selected" 的所有 div 的子元素，并将其设置为蓝色，结果如下：
以上就是关于jquery 获取同胞元素中的最后一个全部的内容，包括:jquery 获取同胞元素中的最后一个、怎么用jquery 获取同级div 上一个div的id 跟下一个div的id、jQuery怎么获取和字符串值相同的元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）