替换td后面的td中的文本

时间:2017-02-14 15:45:16

标签: jquery

我的页面上显示了下面显示的2个标签。我需要替换后面(不是兄弟)名为SPBookmark_History的锚的td标记集之间的 值。

<td class="ms-formlabel">
 <h3 class="ms-standardheader">
  <a name="SPBookmark_History"></a>History
 </h3>
</td>
<td class="ms-formbody" id="SPFieldText">&#160;</td>

影响标签后,它应如下所示:

<td class="ms-formlabel">
 <h3 class="ms-standardheader">
  <a name="SPBookmark_History"></a>History
 </h3>
</td>
<td class="ms-formbody" id="SPFieldText">This is my dynamically added text!</td>

问题在于我想要影响的第二个TD不是由类或id唯一标识的,这就是为什么我必须依赖之前具有唯一命名锚标记的td。

1 个答案:

答案 0 :(得分:1)

HTML示例中的两个td元素都具有有效的class和/或id属性,您可以使用这些属性来选择相关元素。从那里你可以调用text()方法:

$('#SPFieldText').text('This is my dynamically added text!');
  

页面上有很多SPFieldText就是我的例子。唯一独特的是锚标记名称。

在这种情况下,您的HTML无效。 id属性必须在页面中是唯一的。你应该解决这个问题。

作为一种变通方法,您可以使用第一个class的{​​{1}}属性以及同级选择器来选择第二个td

td