Javascript 通过jquery选择类名为start by specific string的所有元素

这是我的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" />

但只删除了d1和d2，保留了d3和d4，因为

yak-bak

类排在第二位，我也尝试了以下方法：

$('.Doop').click(function () {

    $('span[class^="yak-bak"]').parent('div').remove();
});

那么你的建议是什么？问题在哪里

$('div').filter(function() {
  return $(this).has('span[class^="yak-bak"]');
}).remove();

或

但第一个就足够了

或

---

但是第一个就足够了。

要以多个类为目标元素，其中一个类在属性类的开头或中间以“yak bak”开头，您可以使用：

JQUERY

$("div[class^='yak-bak'],div[class*=' yak-bak']").parent('div').remove();

---

这将选择类以“yak-bak”开头的元素和包含“yak-bak”声明的类的元素。

以具有多个类的元素为目标，其中一个在属性类的开头或中间以“yak-bak”开头，您可以使用：

JQUERY

$("div[class^='yak-bak'],div[class*=' yak-bak']").parent('div').remove();

---

这将选择类以“yak-bak”开头的元素和包含“yak-bak”声明的类的元素。

这些元素将针对类属性以“yak-bak”开头的所有元素，而不是所有以“yak-bak”开头的类。我相信OP的目标元素是以“yak-bak”开头的某个类。这将以class属性以“yak-bak”开头的所有元素为目标，而不是所有以“yak-bak”开头的类的元素。我相信OP的目标元素是以“yak-bak”开头的某个类。哇，哇。你能不能给你想要的人一个

yak-bak

类，然后选择它？哇，哇。你能不能给你想要的人一个类

yak-bak

，然后选择它？谢谢你的回答，我认为这样更好：

$（'span[class*=“yak-bak”]'）。parent（'div'）。remove（）

@Saeid，什么最能满足您的需要：）谢谢您的回答，我认为这样更好：

$（'span[class*=“yak bak”]'）。parent（'div'）。remove（）@Saeid，什么最能满足您的需求：）
$("div[class^='yak-bak'],div[class*=' yak-bak']").parent('div').remove();