jquery遍历问题,插入文本

jquery遍历问题,插入文本,jquery,traversal,Jquery,Traversal,我有一个非常简单的jquery问题,我无法正确回答,当单击链接时,我需要在右侧的p(前面的表行)中插入一些文本 这是html: <table> <tr> <td> <p class='MyClass'>NOT HERE</p> </td> </tr> <tr> <td> <p class='MyClass'>NOT HER

我有一个非常简单的jquery问题,我无法正确回答,当单击链接时,我需要在右侧的p(前面的表行)中插入一些文本

这是html:

<table>
<tr>
    <td>
        <p class='MyClass'>NOT HERE</p>
    </td>
</tr>
<tr>
    <td>
        <p class='MyClass'>NOT HERE</p>
    </td>
</tr>
.
. //Many table rows
.
<tr>
    <td>
        <p class='MyClass'>HERE I WANT TO INSERT THE TEXT</p>
    </td>
</tr>
<tr>
    <td>
        <div>
             <a href='#' class='MyLink'>insert text</a>
        </div>
    </td>
</tr>
</table>

不在这里

不在这里

. . //许多表行 .

我想在这里插入文本

这是jquery:

$('.MyLink').click(function() {
    HOW CAN I MAKE SOME TEXT GO INTO THE RIGHT <p> HERE?
});
$('.MyLink')。单击(函数(){
我怎样才能使一些文本进入右侧?
});

(未经测试)

一个真正简单的方法是:

<p class='MyClass'>HERE I WANT TO INSERT THE TEXT</p>
如果要以其他方式指定“insert into”p,只需将选择器从“#insertHere”更改为定义要插入的p的选择器

此外,我认为:

$('.MyLink').click(function() {
    $("#insertHere").append("SOME TEXT YOU WANT TO INSERT");
});
也会有效(并且更短),但我不是100%确定(所以先测试)

.parents沿着dom向上走到链接上方的第一个tr,然后prev('tr')将您带到上一行,最后find将在tr中搜索包含“.myClass”类的所有元素

什么是“RIGHT”?请注意:在jQuery1.3中,closest()是新的,如果不能使用新版本,可能需要执行更多的元素遍历。
<p id="insertHere" class='MyClass'>HERE I WANT TO INSERT THE TEXT</p>
$('.MyLink').click(function() {
    $("#insertHere").text($("#insertHere").text() + "SOME TEXT YOU WANT TO INSERT");
});
$('.MyLink').click(function() {
    $("#insertHere").append("SOME TEXT YOU WANT TO INSERT");
});
$(this).parents('tr:first').prev('tr').find('.myClass').html("The Text that you want");