Jquery 检查页面上具有特定id的最后一个div
我有以下标记:Jquery 检查页面上具有特定id的最后一个div,jquery,jquery-selectors,Jquery,Jquery Selectors,我有以下标记: <div id="div-1">1st div</div> <div id="div-2">2nd div</div> <div id="div-3">3rd div</div> <div id="div-4">4th div</div> <div id="div-5">5st div</div> 1st div 第二组 第三组 第四组 第五分区 如何测试5
<div id="div-1">1st div</div>
<div id="div-2">2nd div</div>
<div id="div-3">3rd div</div>
<div id="div-4">4th div</div>
<div id="div-5">5st div</div>
1st div
第二组
第三组
第四组
第五分区
如何测试5st div是否是页面上id为div-%s的最后一个div?您可以执行以下操作:
var lastDivId = $('div:last').attr('id');
if(lastDivId === 'div-5'){
//the last div is the one with id = div-5
<>编辑-甚至更好(以这种方式,您只考虑带有<代码> ID >代码>的div,从<代码> div -<代码>:开始。
var lastDivId = $('div[id^=div-]:last').attr('id');
if(lastDivId === 'div-5'){
//the last div is the one with id = div-5
不是很有效率,但至少它应该能工作
var i = 0,
el;
do {
el = document.getElementById( 'div-' + i );
i += 1;
} while( el );
// now el contains a reference to the last div element with an id of your syntax
我会给你最后一分的
编辑:
您还可以将最后一个孩子作为
$("div :last-child")
希望这有帮助………只是另一种方式
if ($('#div-5 + div[id^="div-"]').length === 0) {
/* div-5 is last div */
}
因此,您可以避免同时调用
.attr()
方法尝试此操作。它将选择最后一个id中包含文本div-
的div,并告诉您其id。只需
if ($('div[id^=div-]:last').attr('id')=='div-5'){
alert('div 5 is the last div');
else
alert('div 5 is NOT the last div');
我将获取divs的container元素,并使用伪选择器:last获取最后一个子元素
var res = ($("body div:last")[0].id == "div-5") ? alert('last div is div-5') : alert('last div is not div-5');
这将告诉您这是否是最后一个DIV,而不是具有该命名约定的最后一个DIV。我将动态生成DIV-%s,这样就无法检查DIV-5…我需要访问最后一个父级还是something@Mythriel如果您只需要使用该命名约定访问最后一个id,请使用
$('div[id^=div-]:last')
这不考虑命名约定。它查找页面上的最后一个div,而不是id为div-#的最后一个div
您可以将父div置于所有div之上,然后获取最后一个子div:)
var res = ($("body div:last")[0].id == "div-5") ? alert('last div is div-5') : alert('last div is not div-5');