Question

我在点击的ID中选择一个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();

在内部使用find方法

正如其他人所提到的，<p>

的孩子，<tr> {h}无效

从MDN docs获取tr

允许的内容：零个或多个<td>或<th>个元素，或者它们的混合

Answer 2

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

jQuery在这里选择p

2 个答案: