Xóa ký tự khỏi giữa một chuỗi: mà không xóa phần tử bên trong

Question

Điều này khiến tôi bối rối. Tôi muốn xóa dấu "+" khỏi phần tử label. Đây là 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> 

tôi bắt đầu với điều này

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

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

}) 

này loại bỏ dấu "+" nhưng sẽ loại bỏ các yếu tố đầu vào. Vì vậy, sau đó tôi đã thử:

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

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

}) 

Điều này tạo chuỗi ký tự html chính xác, nhưng đó là chuỗi và được chuyển ngược lại DOM theo cách đó. Tôi đã nhìn thấy một bài đăng khác có cùng vấn đề, nhưng không có giải pháp.

Answer 1

Bạn có thể đạt được những gì bạn muốn sử dụng mã của bạn bằng cách sử dụng .html() thay vì .text():

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

Đây là JQuery .html() phương pháp ref: https://api.jquery.com/html/

Đây là Fiddle: https://jsfiddle.net/Darkseal/1c572Luw/

Tôi cũng đã sửa đổi một chút thẻ kết thúc <input> của bạn để làm cho thẻ XHTML tuân thủ.

Answer 2

Điều bạn đang tìm kiếm được gọi là mã văn bản. Tôi đưa cho nhãn của bạn một ID để làm cho nó dễ dàng hơn, nhưng priciple vẫn giữ nguyên cho selectors khác:

var node = document.getElementById("example").childNodes[2]; 
node.nodeValue = node.nodeValue.replace("+", ""); 

With a simple demo.
Bạn nên cố gắng sử dụng JS đơn giản như nhiều như bạn có thể ủng hộ trong jQuery. JS đơn giản thường nhanh hơn jQuery nhiều.

Sau khi nhận xét, if you don't know the exact position of the textnode, check this.

Answer 3

Câu trả lời trễ, chỉ nhằm mục đích hiển thị một cách tiếp cận khác sử dụng jQuery.

Tại đây, bạn sẽ giữ trạng thái input và sẽ không có nguy cơ thay thế ký tự mà bạn không muốn. Giả sử bạn đã sử dụng + ở một nơi khác, không chỉ trên văn bản label.

$(function() { 
    $('label.option').each(function() { 
     var label = $(this); 
     var input = $('input.form-radio', this); 
     var text = label.text(); 

     // Clean up the label contents. 
     label.empty();   

     // Replace the char occurrences. 
     text = text.replace(/\+/g, ""); 

     // Append both the input and the modified text. 
     label.append(input).append(text);   
    }); 
}); 

Demo