我想在單擊 No Spoiler 按鈕時隱藏包含“NOSP”的鏈接，但默認情況下也隱藏“NOSP”文本。
使用 jQuery 這是我迄今為止嘗試過的：
$("button").click(function(){
$("a:contains('NOSP')").hide();
});
$("a:contains('NOSP')").each(function(){
$(this).text($(this).text().replace('NOSP',''))
});a { display: table; }<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<button>Hide spoilers</button>
<a href="#">Full match</a>
<a href="#">All goals NOSP</a>
<a href="#">Highlights</a>
<a href="#">Highlights</a>
<a href="#">Highlights NOSP</a>（也是一個jsfiddle）
uj5u.com熱心網友回復：
您可以使用 $(document).ready 對所有這些進行預處理，并向每個NOSP鏈接添加一個 className 以便稍后參考它，同時從鏈接文本中洗掉該字串。注意：以防萬一有一些帶有 NOSP 的單詞，我將文本分解成一個陣列并用來array.includes(targ)查找它。
$(document).ready(function() {
$("a").each(function() {
let t = $(this).text().split(" ")
if (t.includes('*')) {
t.splice(t.indexOf('*'), 1)
$(this).addClass('nosp').text(t.join(" "))
}
})
$("button").click(function() {
$("a.nosp").hide();
});
})<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button>Hide spoilers</button>
<a href="#">Full match</a>
<a href="#">All goals *</a>
<a href="#">Highlights</a>
<a href="#">Highlights</a>
<a href="#">Highlights *</a>轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/372157.html
標籤：javascript 查询
下一篇：視口中的影片數字-使用逗號