Este es mi HTML DOM:

<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>

Así que quiero eliminar tododivs que los nombres de clase comienzan con "yak-bak" que significa todo lo anterior.

así que intento este script:

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

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

pero solo d1 y d2 se eliminan y d3, d4 permanecen debido a queyak-bak clase ven como segundo tambien intento esto:

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

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

Entonces, ¿cuál es tu sugerencia? ¿Dónde está el problema?