Ersetze Text in td, der einem td folgt

Question

Ich habe die 2 td-Tags unten auf meiner Seite gezeigt. Ich muss den Wert   ersetzen, der zwischen dem Satz der folgenden td-Tags (nicht ein Geschwister) der Anker namens SPBookmark_History ist.

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

Nachdem die Tags zu bewirken soll wie folgt aussehen:

<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> 

Das Problem liegt darin, dass die zweite TD, die ich Effekt will eindeutig nicht durch Klasse oder ID identifiziert, weshalb ich habe sich auf die vorherige td zu verlassen, die ein eindeutig benanntes Anchor-Tag hat.

Answer 1

Die beiden td Elemente in Ihrem HTML-Beispiel haben gültige class und/oder id Attribute, die Sie verwenden können, um das relevante Element auszuwählen. Von dort können Sie die text() Methode aufrufen:

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

Es gibt zahlreiche SPFieldText auf der Seite gerade kein Zinn mein Beispiel. Das Einzige, was einzigartig ist, ist der Anker-Tag-Name.

In diesem Fall ist Ihr HTML ungültig. id Attribute müssen einmalig auf der Seite sein. Das solltest du beheben.

Als Abhilfe können Sie die class Attribut des ersten td zusammen mit dem Geschwister-Selektor kann die zweite td wählen:

$('td.ms-formbody + td.ms-formlabel').text('This is my dynamically added text!');