2017-08-24 4 views
0

Ich habe die Warnzeichen Zeichen, die den Wert ⚠ in HTML-Entität (dezimal) hat und ich versuche, es aus allen Kontrollkästchen Etiketten Text zu entfernen.Entfernen Sie bestimmte HTML-Entity-Zeichen aus allen Etiketten Text mit jquery

Zum Beispiel in HTML, einer meiner Eingangs-Tags ist wie folgt:

Wie kann ich die $ (JQuery) Selektor, entfernen Sie die ⚠ HTML-Entität aus diesen Etiketten.

Hier ist mein Versuch:

$('input:checkbox').each(function (index) { 
 
    // I thought by splitting that part and then joining it 
 
    // with an empty string would work. 
 
    $(this).next().text().split('⚠').join(''); 
 
});
<input id='input1'/><label for='input1'>This is the warning sign &#9888;</label>

+0

ich sehe und Eingang ohne type = "Checkbox" in Ihrem Beispiel. – Taplar

+0

Sie erhalten auch die Zeichenfolge, teilen sie auf, fügen sie hinzu und tun dann nichts mit diesem Ergebnis. Der text() des Feldes wird sich nicht automatisch auf diesen neuen Wert aktualisieren. Sie müssen es zurücksetzen, wenn Sie es aktualisieren möchten. – Taplar

Antwort

2

Behalten Sie das tatsächliche Zeichen in der Split-Funktion anstelle der HTML-Entität.

$('input:checkbox').each(function(index){  
 
    $(this).next().text($(this).next().text().split('⚠').join('')); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<input id='input1' type="checkbox"/><label for='input1'>This is the warning sign &#9888;</label>

0

Sie können join()split() und slice(), gefolgt verwenden, um dies zu erreichen, vorausgesetzt, diese Zeichen immer am Ende des Strings sind:

$(document).ready(function() { 
 
    $('input:checkbox').each(function(index) { 
 
    var yourText = $(this).next().text(); 
 
    var convertedText = yourText.split(' ').slice(0, -1).join(' '); 
 
    console.log(convertedText); 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type='checkbox' id='input1' /><label for='input1'>This is the warning sign &#9888;</label>

0

Sie den Charakter eigentlichen HTML halten konnte:

$('input:checkbox').each(function(index){  
 
    $(this).next().text($(this).next().text().replace('⚠','')); 
 
});
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script> 
 
<input id='input1' type="checkbox"/><label for='input1'>This is the warning sign &#9888;</label>

Verwandte Themen