Question

这里是我们简单的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');

实际上我们希望得到attribute p元素的url

感谢。

Answer 1

$('.first_ul .second_li p');

似乎拼错了。而且你的代码不是语义的，我的意思是，在<li>内有另一个<li>它是不正确的。

Answer 2

你有incorect选择器。它应该使用：

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

<强> Working Demo

Answer 3

你可以试试这个

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

Answer 4

你可以这样尝试

＆＃13;

$('.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);
});

＆＃13;

如何在第一个子选择器jquery

4 个答案: