这是我的 HTML DOM:
<div id="d1" class="Addable"><span class="yak-bak-nak vok-do-maria"> <p>Goola1</p>
<span>volaa</span></span></div>
<div id="d2" class="Addable"><span class="yak-bak-val vok-do-maria"> <p>Goola2</p></span></div>
<div id="d3" class="Addable"><span class="vok-do-maria yak-bak-nak"> <p>Goola3</p></div>
<div id="d4" class="Addable"><span class="vok-do-maria yak-bak-nak"> <p>Goola4</p></div>
<input type="button" class="Doop" value="Do" />
所以我想删除所有类名以“yak-bak”开头的 div
,这意味着以上所有内容。
所以我试试这个脚本:
$('.Doop').click(function () {
$('span[class|="yak-bak"]').parent('div').remove();
});
但只有 d1 和 d2 被删除,d3、d4 仍然存在,因为 yak-bak
类排在第二位,我也试试这个:
$('.Doop').click(function () {
$('span[class^="yak-bak"]').parent('div').remove();
});
那么你的建议是什么?问题出在哪里?
最佳答案
要定位具有多个类的元素,其中一个 then 以属性类开头或中间的“yak-bak”开头,您可以使用:
JQUERY
$("div[class^='yak-bak'],div[class*=' yak-bak']").parent('div').remove();
这将选择类以“yak-bak”开头的元素和包含以“yak-bak”声明的类的元素。
关于javascript - 通过 jquery 选择所有类名以特定字符串开头的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10498896/