如何使用JQuery选择特定的段落编号?

How to select specific paragraph number using JQuery?

提问人:Niki Rich 提问时间:3/23/2023 更新时间:3/23/2023 访问量:40

问:

我想选择第二段,我可以使用 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>

javascript jquery jquery-selectors 段落

评论

0赞 freedomn-m 3/23/2023
api.jquery.com/eq(从 0 开始)会给你一个 DOM 节点而不是一个 jquery 对象,否则会“选择第 2 段”。$("p").eq(1)$("p")[1]
0赞 freedomn-m 3/23/2023
题外话:仅适用于文档,没有事件.ready$("#info").ready
0赞 freedomn-m 3/23/2023
您可能还会看到以下建议 - 值得观察 jquery 对 :eq() 的注释 - 从 jQuery 3.4 开始,不推荐使用 :eq 伪类。将其从选择器中删除,稍后使用 .eq() 过滤结果。:eq(n)

答:

0赞 Unmitigated 3/23/2023 #1

您可以使用来获取整个页面上的第 th 个元素。.eqn<p>

$('p').eq(1) // 2nd paragraph on the page

您可以使用常规 CSS 选择器来获取段落元素,这些元素是出现在父级的子列表中的第 1 个段落。nth-of-typen

$('p:nth-of-type(2)') 
// all paragraph elements that are the second paragraph to appear in their parent

评论

1赞 Niki Rich 3/23/2023
谢谢。这正是我想要实现的目标。