jquery遍历问题,插入文本
我有一个非常简单的jquery问题,我无法正确回答,当单击链接时,我需要在右侧的p(前面的表行)中插入一些文本 这是html: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
<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");