Saya ingin menghapus teks "By:" dari sebuah elemen di situs web saya. Saya ingin sisa teks lainnya tetap ada di sana. Bagaimana saya bisa mencapainya dengan jQuery? Terima kasih.
HTML
<div id="text">By: Anonymous From Minnesota</div>
Saya ingin itu hanya menjadi:
<div id="text">Anonymous From Minnesota</div>
Jika Anda ingin menemukan setiap elemen dengan "By:" di dalamnya dan menghapusnya, Anda bisa mencoba ini:
$(':contains("By:")').each(function(){
$(this).html($(this).html().split("By:").join(""));
});
Ini akan menghapus setiap kemunculan "By:" dalam elemen apa pun. Jika anda ingin menargetkan tipe elemen tertentu, cukup ubah $(':contains("By:")')
untuk menyertakan selektor apa pun yang cocok untuk anda.
solusi yang lebih global dengan menggunakan ekspresi reguler. Ini akan menggantikan By:
bahkan jika struktur string Anda akan berubah.
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>
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>
Menggunakan javascript's substring
dan berikan ID pada div Anda untuk mengaksesnya dengan mudah:
html:
<div id="text">By: Anonymous From Minnesota</div>
jquery:
var str = $("#text").text();
$("#text").text(str.substring(3));
Anda juga bisa melakukannya dalam satu baris:
$("#text").text($("#text").text().substring(3));