jQuery判断当前元素是第几个元素&获取第N个元素
发布时间：2017-03-03, 15:30:15 分类：HTML | 编辑 off 网址 | 辅助
正文 758字数 408,502阅读
jQuery选择器是非常方便的，使用jQuery能够为我们选择元素带来很多的方便，但是我们经常会遇到这样的情况就是我们需要判断当前元素的属于相同类或者相同类型的子元素，或者我们也可能获取到相同类型元素中的第N个元素，那么对于jQuery来说又应该怎样操作呢？下面通过一个示例来说明。假设有下面这样一段HTML代码：
<ul>
<li>jQuery判断当前元素是第几个元素示例</li>
<li>jQuery获取第N个元素示例</li>
<li>jQuery选择器示例</li>
</ul>Run code
Cut to clipboard
jQuery判断当前元素是第几个元素
如果我们点击任何一个li标签，想知道当前点击的是第几个li标签，可以使用下面的代码：
$("ul li").click(function () {
var index = $("ul li").index(this);
alert(index);
});Run code
Cut to clipboard
如上面的jQuery代码，如果点击的第一个会提示”0″,如果是第二个li标签会提示”1″,注意索引序列号是从0开始的。
jQuery 获取第N个元素
同理，如果我们要获取第二li标签元素，可以使用下面的代码
var element=$("ul li").eq(1);
alert($(element).html());Run code
Cut to clipboard
注意索引是从0开始的，因此上面的代码会输出第二个li标签的html内容。
（支付宝）给作者钱财以资鼓励 （微信）→
有过 3 条评论 »
$(document).ready(function(){ $(".runcodenow").click(function(){ var index = $(".runcodenow").index(this); var element=$('code').eq(index); var runcode=$(element).html(); runCodenew(runcode); }); }); function runCodenew(runcode) { var winname = window.open('', "_blank", ''); var obj = runcode; //alert(obj); //obj = obj.replace(/ /g,' '); obj=htmlencode(obj); obj=htmlspecialchars_decode(obj); winname.document.open('text/html', 'replace'); winname.opener = null // 防止代码对论谈页面修改 winname.document.write(obj); winname.document.close(); } function htmlencode(s){ var div = document.createElement('div'); div.appendChild(document.createTextNode(s)); return div.innerHTML; } function htmldecode(s){ var div = document.createElement('div'); div.innerHTML = s; return div.innerText || div.textContent; } function htmlspecialchars_decode(str){ str = str.replace(/&/g, '&'); str = str.replace(/</g, '<'); str = str.replace(/>/g, '>'); str = str.replace(/ /g, ' '); str = str.replace(/"/g, "''"); str = str.replace(/'/g, "'"); str = str.replace(/<br>/g, ' '); str = str.replace(/<br \/>/g, ' '); return str; }<script language="javascript"> var r= "1\n2\n3\n"; //将字母\n替换成分号 alert(r.replace("\n",";")); 结果：1;2\n3\n 只替换了第一个 </script> <script language="javascript"> var r= "1\n2\n3\n"; //将字母\n替换成分号 alert(r.replace(/\n/g, ";")); 结果：1;2;3; replace 的第一个参数可以是正则表达式，/g标识全文匹配。 </script>