jQuery Xóa văn bản cụ thể khỏi một phần tử

Question

Tôi muốn xóa văn bản "Bởi:" khỏi phần tử trong trang web của tôi. Tôi muốn phần còn lại của văn bản ở lại đó. Làm thế nào tôi có thể đạt được điều đó với jQuery? Cảm ơn bạn.

HTML

<div id="text">By: Anonymous From Minnesota</div> 

Tôi muốn nó chỉ là:

<div id="text">Anonymous From Minnesota</div> 

Answer 1

Nếu bạn muốn tìm mọi phần tử với "By:" trong và xóa nó, bạn có thể thử điều này:

$(':contains("By:")').each(function(){ 
    $(this).html($(this).html().split("By:").join("")); 
}); 

Điều này loại bỏ bất kỳ sự xuất hiện của "By:" trong bất kỳ phần tử nào. Nếu bạn muốn nhắm mục tiêu các loại phần tử specfic, chỉ cần thay đổi $(':contains("By:")') để bao gồm bất kỳ bộ chọn nào phù hợp với bạn.

Answer 2

var str = $("#text").text(); 
 
$("#text").text(str.substring(3));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<div id="text">By: Anonymous From Minnesota</div>

Sử dụng javascript của substring và cung cấp cho div của bạn một ID để truy cập nó một cách dễ dàng:

html:

<div id="text">By: Anonymous From Minnesota</div> 

jquery:

var str = $("#text").text(); 
$("#text").text(str.substring(3)); 

Bạn có thể làm điều đó trong một dòng quá:

$("#text").text($("#text").text().substring(3)); 

Answer 3

giải pháp toàn cầu hơn bằng cách sử dụng cụm từ thông dụng. Điều này sẽ thay thế By: ngay cả khi cấu trúc chuỗi của bạn sẽ thay đổi.

var str = $('div').text().replace(/By:/g, ''); 
 
$('div').text(str);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<div id="text">By: Anonymous From Minnesota</div>

Answer 4

đưa ra một id duy nhất để div, t:

$('#div_id').html($('#div_id').html().substring(3)); 

fiddle: http://jsfiddle.net/ChUB4/