Как выбрать элемент внутри селектора first-child jquery

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

У вас есть селектор. он должен использовать:

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

Working Demo

Answer 3

Вы можете попробовать с этим

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

Answer 4

вы можете попробовать, как этот

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