如何在第一子选择器中选择元素

How to select element inside first-child selector jquery

本文关键字：选择器 选择 元素      更新时间：2023-09-26

这里是我们简单的jquery代码片段，我们想要选择p元素，但是我写的是不正确的，所以帮助我们得到它们。

<div class="first">
  <ul class="first_ul">
    <li class="first_li">
        <a href="javascript:void(0)">
          <div class="hello"></div>
          <p class="firstP" url="hello.html">Content of First Paragrph</p>
        </a>
    </li>
    <li class="second_li">
      <a href="javascript:void(0)">
          <div class="hello"></div>
          <p class="firstP" url="hello2.html">Content of Second Paragrph</p>
       </a>
    </li>
  </ul>
</div>

这里，我在做什么

$('.fist_ul .first_li:first-child p');

实际上我们想要得到p元素url的attribute

谢谢。

$('.first_ul .second_li p');

似乎有拼写错误。你的代码不是语义的，我的意思是，在<li>里面有另一个<li>，这是不正确的。

选择器不正确。它应该使用:

$('.first_ul .first_li:first-child p');
演示工作

你可以试试这个

$(".first_ul li").find('p')

你可以这样试试

$('.first_ul .first_li p').attr('url'); // for only <P> of first li's url
$('.first_ul .second_li p').attr('url'); // for only <P> of second li's url
// for all the <p> you have used in all the <li>s
$('.first_ul li p').each(function(k,v){
    var wq = $(v).attr('url');
    console.log(wq);
});

相关文章：