To jest mój DOM HTML:

<code><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" />
</code>

Więc chcę usunąć wszystkodivs nazwy klas zaczynają się od „yak-bak”, co oznacza wszystkie powyższe.

więc próbuję tego skryptu:

<code>$('.Doop').click(function () {

    $('span[class|="yak-bak"]').parent('div').remove();
});
</code>

ale tylko d1 i d2 usuwają i d3, d4 pozostają, ponieważyak-bak klasa przychodzi jako druga próbuję tego:

<code>$('.Doop').click(function () {

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

Jaka jest twoja sugestia? gdzie jest problem?