jQuery выберите p внутри этого

Question

У меня возникли проблемы с выбором тега p внутри идентификатора с кликом, код выглядит следующим образом;

<tbody> 
    <tr id="test1"> 
    <p> 
     Some random text that should show up in the dialog. 
    </p> 
     <td>test</td> 
     <td>test</td> 
    </tr> 
    ... the rest of the tr's are identical, nothing else to see here. 
</tbody> 


$('#test1, #test2, #test3, #test4').click(function(){ 
    $(this 'p').dialog(); 
}); 

Попробуй жить; http://team-blandsaft.no-ip.org/

Лучше привыкнуть писать код в редакторе stackoverflow.

Answer 1

использование .find()

$(this).find('p').dialog(); 

или вы можете использовать context selector

$('p',this).dialog(); 

, который внутренне использует метод найти

Как уже упоминалось у вас есть недопустимый HTML с <p> в качестве детей <tr>

От MDN docs для тр

Допустимое содержание: Ноль или более <td> или <th> элементов, или смесь из них

Answer 2

$('#test1, #test2, #test3, #test4').click(function(){ 
    $(this).children('p').dialog(); 
});