Wie legen Sie die text-Knoten mit dem Wert mithilfe von jQuery

Ich habe eine HTML-Struktur wie diese:

<div class="votes">
    <b>5</b> Votes
    <a id="vote-' + element_id +'" href="#" class="vote-btn"></a>
</div>

Habe ich geschafft, den text nach der 5 also Stimmen mit:

var voteTextNode = $(this).parent('div').contents().filter(function() {
                    return this.nodeType == 3;  
                });
var voteText = voteTextNode.text();

nun will ich diesen text ändern Stimmen die entsprechende Anzahl von Stimmen . Ich habe dies ausprobiert:

voteNewText = ( newCount == '1' ) ? 'Vote' : 'Votes';
voteTextNode.text(voteNewText);

aber es funktioniert nicht für mich. Ich habe auch versucht, den code aus diesem link:
Wie kann ich abrufen, Bearbeiten und ersetzen von text-Knoten mithilfe von jQuery?
aber auch das klappt nicht bei mir, sagen Sie mir, wo ich falsch mache

  • Wenn irgendeine Art von Grund, warum Sie nicht einwickeln Stimmen in <span>? Manipuliert DOM-schneller und einfacher als mit reinem text.
  • tatsächlich span style definiert, die nicht passt das design in diesem Bereich. ich weiß, ich kann ändern Sie den Stil der jeweiligen Spanne, sondern wollen einfach nur wissen, ob es einen alternativen Weg, das zu tun....
InformationsquelleAutor Code Prank | 2012-05-17
  1. 3

    steckte es in einen span

    <div class="votes">
    <b>5</b> <span id="votesTxt">Votes</span>
    <a id="vote-' + element_id +'" href="#" class="vote-btn"></a>
</div>

    dann 

    $("#votesTxt").text(( newCount == '1' ) ? 'Vote' : 'Votes');


    BEARBEITEN, wenn Sie nicht verwenden möchten, span -, dann ändern Sie einfach den text für das element nach dem b-tag:

    $("#votes b:first")[0].nextSibling.data = (( newCount == '1' ) ? 'Vote' : 'Votes');
    • siehe mein Kommentar oben...
    • hier haben Sie entfernt den text Stimmen standardmäßig, aber ich brauche dass, da die post bereits einige Stimmen. ich brauche, um es zu ändern, wenn der aktuelle Benutzer klickt auf den vote button.
    • letzter Versuch.......
    • ja, es arbeitete....
    InformationsquelleAutor Sagiv Ofek
  2. 4

    Als Sie gesehen haben, jQuery ist nicht wirklich gemacht für das handling von text-Knoten. Ihre var voteTextNode wird eine jQuery-Instanz, in der Hand einen Satz von text-Knoten. Sie können kaum manipulieren mit .text(), die würde fügen Sie einige neue TextNodes in Sie.

    Doch sollte diese Arbeit:

     $(this).parent('div').contents().each(function() {
     //iterate over all child nodes
     if (this.nodeType == 3)
        this.data = "Vote";
 });

    Aber mit einfachen dom-Methoden kann es klarer werden:

     var countTextNode, voteTextNode;
 $(this).parent('div').find('b').each(function() {
      countTextNode = this.firstChild;
      voteTextNode = this.nextSibling;
 });
 return function setVotes(num) {
      countTextNode.data = num;
      votTextNode.data = num == 1 ? 'Vote' : 'Votes';
 };
    InformationsquelleAutor Bergi
  3. 2

    Behandeln Sie es wie der DOM-Baum ist es: was Sie wahrscheinlich wollen, ist, um die erste <b> element in jedem <div> mit der Klasse "Stimmen" und ändern Sie den text im text-Knoten, der unmittelbar darauf folgt. jQuery ist gut bei der Auswahl und Iteration über Elemente und verwenden es für diesen Teil, wenn Sie möchten. Sobald Sie haben die <b> Elemente, wechseln Sie in regelmäßigen DOM. Hier ist ein Beispiel:

    Demo: http://jsfiddle.net/Qq3T7/

    Code:

    $("div.votes").find("b:first").each(function() {
    this.nextSibling.data = ($(this).text() == "1") ? " Vote" : " Votes";
});
    InformationsquelleAutor Tim Down
  4. 0

    Können Sie ändern Sie die ursprünglichen markup? Haben Sie eine viel einfachere Zeit, dies zu tun, wenn Sie nur wickeln Sie den text, den Sie ändern möchten, in einem tag:

    <span id="votetext">Vote</span>

    Und dann kannst du einfach den text:

    $('#votetext').text('Votes');
    • siehe mein Kommentar oben...
    InformationsquelleAutor davidethell
Schreibe einen Kommentar