提问人:Niki Rich 提问时间:3/23/2023 更新时间:3/23/2023 访问量:40
如何使用JQuery选择特定的段落编号?
How to select specific paragraph number using JQuery?
问:
我想选择第二段,我可以使用 JQuery 但不使用段落的 id 来做到这一点吗?类似于访问特定节点。 我尝试使用 $(“#p[1]”) 或 $(“#p”)[1],但它不正确。 我基于var.childNodes[1]的逻辑
<div id="info">
<section>
<div style="text-align: center">My Biography</div>
<p>
My name is JJ.
</p>
<p id="one">
I moved to USA when I was 6 years old.
</p>
<button id="show">Show</button>
<button id="hide">Hide</button>
</section>
</div>
<script>
$(document).ready(function () {
$("#info").ready(change1())
$("#show").click(function () {
$("#one").css("visibility", "visible")
})
$("#hide").click(function () {
$("#one").css("visibility", "hidden")
})
})
</script>
答:
0赞
Unmitigated
3/23/2023
#1
您可以使用来获取整个页面上的第 th 个元素。.eq
n
<p>
$('p').eq(1) // 2nd paragraph on the page
您可以使用常规 CSS 选择器来获取段落元素,这些元素是出现在父级的子列表中的第 1 个段落。nth-of-type
n
$('p:nth-of-type(2)')
// all paragraph elements that are the second paragraph to appear in their parent
评论
1赞
Niki Rich
3/23/2023
谢谢。这正是我想要实现的目标。
评论
$("p").eq(1)
$("p")[1]
.ready
$("#info").ready
()
的注释 - 从 jQuery 3.4 开始,不推荐使用 :eq 伪类。将其从选择器中删除,稍后使用 .eq() 过滤结果。:eq(n)