jQuery finden Sie td mit Klasse-name und ändern Sie den text basierend auf dem Wert

Habe ich Tabelle und ich möchte die filter alle td-Werte basiert auf Kategorie Namen, und dann wenn der td hält einen bestimmten text ersetzen Sie es mit neuen text. unten ist mein Aktueller code. seine nicht ordnungsgemäß funktioniert und die Aktualisierung aller td ' s .
bitte um Rat, wie Sie Vorgehen.

html

 <td class="actionclass">' . $page->action . '</td>

jquery

$("tbody").find("tr").each(function() { //get all rows in table
    var ratingTdText = $(this).find('td.actionclass').text();
    if ((ratingTdText == "saved block")) {
        this.innerHTML = 'changed';
    }
});

===

update

              $("tbody tr td.actionclass").each(function() {       
                var ratingTdText = $(this).text();
                console.log(ratingTdText);
                if(($(this).is(':contains("new")')) || ($(this).is(':contains("saved")'))) {
                        (this).text().replace("top", "TopBar"); 
                         (this).text().replace("left", "LeftBar"); 
                          (this).text().replace("bottom", "BottomBar"); 

                }

            });

InformationsquelleAutor hansi silva | 2017-03-19

  1. 1

    this bezieht sich auf TR element nicht die TD ändern Sie den Selektor in die find() und dein code funktioniert

    $("tbody").find("tr").each(function() { //get all rows in table
    var ratingTd = $(this).find('td.actionclass');//Refers to TD element
    if (ratingTd.text() == "saved block") {
        ratingTd.text('changed');
    }
});

    ODER

    //get all td with actionclass in table
$("tbody tr td.actionclass").each(function() {       
    var ratingTdText = $(this).text();
    if (ratingTdText == "saved block") {
        this.innerHTML = 'changed';
    }
});

    Kann der code verbessert werden, mit .filter()

    //get all td with actionclass in table
$("tbody tr td.actionclass").filter(function() {       
    return $(this).text() == "saved block";
}).text('changed');
    Vielen Dank für die Lösung. Kann ich verwendet, im zweiten Beispiel(mit .fileter), wenn es severel Bedingungen zu überprüfen, und ändern Sie die Texte ab: return $(this).text() =="aaa", return $(this).text() ="test" ? bitte um Rat
    sicher, Sie können, verwenden Sie logische Operatoren wie $(this).text() =="aaa" || $(this).text() =="yahooooo"
    ich meine, ich Werte ändern möchten, wenn text enthalten-Wert namens "saved" oder "neu" . ex - " block gespeichert, gespeichert, box , neue box Art .
    können Sie überprüfen die aktualisierten Abschnitt meiner Frage, ich habe gerade einige änderungen . pls Ratschläge mir, wo ich falsch lag
    was ist die Verwendung von replace(), wenn Sie möchten, ersetzen Sie den text, den Sie zurücksetzen, den text wie $(this).text($(this).text().replace("top", "TopBar")) oder besser verwenden $(this).text(function(_, text){ return text.replace("top", "TopBar").replace("left", "LeftBar").replace("bottom", "BottomBar"); });

    InformationsquelleAutor Satpal

  2. 0
     this.innerHTML = 'changed';

    Sollte 

     ratingTdText.innerHTML = 'changed';

    Sollten Sie nicht verwenden this im inneren, weil es auf row nicht Ihre td

    InformationsquelleAutor Suresh Atta

Schreibe einen Kommentar