jQuery remove() für jede Klasse, wenn die text enthält

Versuchen, Sie zu entfernen, was ist in der Klasse 'bnum', WENN der Titel (Klasse name='productnamecolor colors_productname') enthält den text "Wahr" ist.

Grundsätzlich in der im folgenden Beispiel SOLLTEN Sie NICHT in der Lage sein zu sehen, keine "Burkett Dollar" - Wert unter dem "Wahren Merchandiser Kühlschrank', jedoch sollte es noch an allen anderen:

<table width="300px">
    <tr>
      <td width="100%" valign="top"><a class="productnamecolor colors_productname" href=""> Star Griddle</a></td>
    </tr>
    <tr>
      <td width="100%" valign="top"><table cellspacing="0" cellpadding="0" width="100%">
          <tbody>
            <tr>
              <td width="64%" valign="top"><font class="text colors_text rewardpoints"><span id="offers">Special Offers:</span><br>
                <div class="bbucks"><img src="http://bit.ly/ihYMFL" id="bucks"> Earn <span class="bnum">2343</span> Burkett Bucks</div>
                </font></td>
              <td align="right" width="36%"></td>
            </tr>
          </tbody>
        </table></td>
    </tr>
    <tr>
      <td width="100%" valign="top"><a class="productnamecolor colors_productname" href=""> True Merchandiser Refrigerator</a></td>
    </tr>
    <tr>
      <td width="100%" valign="top"><table cellspacing="0" cellpadding="0" width="100%">
          <tbody>
            <tr>
              <td width="64%" valign="top"><font class="text colors_text rewardpoints"><span id="offers">Special Offers:</span><br>
                <div class="bbucks"><img src="http://bit.ly/ihYMFL" id="bucks"> Earn <span class="bnum">2343</span> Burkett Bucks</div>
                </font></td>
              <td align="right" width="36%"></td>
            </tr>
          </tbody>
        </table></td>
    </tr>
    <tr>
      <td width="100%" valign="top"><a class="productnamecolor colors_productname" href="">Generic Something</a></td>
    </tr>
    <tr>
      <td width="100%" valign="top"><table cellspacing="0" cellpadding="0" width="100%">
          <tbody>
            <tr>
              <td width="64%" valign="top"><font class="text colors_text rewardpoints"><span id="offers">Special Offers:</span><br>
                <div class="bbucks"><img src="http://bit.ly/ihYMFL" id="bucks"> Earn <span class="bnum">2343</span> Burkett Bucks</div>
                </font></td>
              <td align="right" width="36%"></td>
            </tr>
          </tbody>
        </table></td>
    </tr>
    </table>

Problem das ich habe ist, dass es macht es für alle Werte, die ich nur wollen, entfernen Sie den Wert unter JEDEM Titel, der das Wort 'Wahr'. So im vorausgesetzt, Sie etwas falsch mit meinen JEDER.

$(document).ready(function() {    
    $(".colors_productname:contains('True')").each(function () {
        $('.bnum').remove(); });

});

InformationsquelleAutor ToddN | 2011-05-13

  1. 1

    statt eine Globale Auswahl 

    $('.bnum')

    müssen Sie der aktuelle Kontext der einzelnen Methoden in Ihrer Funktion, unter Berücksichtigung, dass die Basis nicht in der gleichen tr als Ziel wir müssen tun, ein wenig Dom-traversal.

    $(".colors_productname:contains('True')").each(function () {
    $(this).closest('tr').next('tr').find('.bnum').remove(); });
    Das hat nicht funktioniert entweder, ich denke, diese sind alle auch wirklich gültig leider ist der 'Titel' und die Klasse 'bnum" sind in den separaten " TR..vielleicht dieses ist, wo wir laufen in das problem
    Ah, übersehen, dass die html war immer ziemlich Durcheinander auf meinem display. Aktualisiert, um die richtigen Dom traversal, bevor Sie Sie entfernen.
    Dies hat den trick vielen Dank.

    InformationsquelleAutor Robert Beuligmann

  2. 0

    sollte es nicht $(this).find('.bnum').remove() oder noch kürzer:

    $(".colors_productname:contains('True') .bnum").remove()

    Das hat nicht funktioniert für das Beispiel

    InformationsquelleAutor pixelbobby

  3. 0

    Versuchen, diese stattdessen:

    $(document).ready(function() {
    $(".colors_productname:contains('True')").each(function () {
        $(this).find('.bnum').remove(); });
});
    Es gibt keine Notwendigkeit für .each() überhaupt.

    InformationsquelleAutor Zruty

Schreibe einen Kommentar