从字符串中间删除一个字符:不删除内部元素

Question

这个让我难过.我想从label元素中删除"+" .这是HTML:

 <label class="option" for="edit-attributes-21-33">
 <input type="radio" id="edit-attributes-21-33" name="attributes[21]" 
 value="33" checked="checked" class="form-radio"> 4 oz, +$15.00</label>

我从这开始

$(".option").each(function(index, value) {

$(this).text( $(this).text().replace("+", ""));

})

这将删除"+",但也会删除输入元素.那么我试过:

$(".option").each(function(index, value) {

var oldString = $(this).html();
var newString = oldString.replace("+", "");
console.log(oldString, newString);
$(this).text(newString);

})

这会产生一个正确的html标记字符串,但它是一个字符串,并以这种方式传回DOM.我看到另一篇帖子有同样的问题,但没有解决方案.

Answer 1

您可以使用代码来实现您想要的代码,.html()而不是.text():

$(".option").each(function(index, value) {
    var oldString = $(this).html();
    var newString = oldString.replace("+", "");
    console.log(oldString, newString);
    $(this).html(newString);
});

这是JQuery .html()方法ref:https://api.jquery.com/html/

这是小提琴:https://jsfiddle.net/Darkseal/1c572Luw/

我还稍微修改了您的<input>结束标记,使其符合XHTML标准.