Ребят, есть вот такая html-страничка:
<div>
<ul>
<li id=”box_1”> *контент* </li>
<li id=”box_2”> *контент* </li>
<li id=”box_3”> *контент* </li>
</ul>
<ul>
<li id=”box_1”> *контент* </li>
<li id=”box_2”> *контент* </li>
<li id=”box_3”> *контент* </li>
</ul>
<span>box_1*123+box_1*734+box_1*62+0</span>
<div id="clear_2" class="clear_coment">clear_1</div>
<div id="clear_1" class="clear_coment">clear_2</div>
<div id="clear_0" class="clear_coment">clear_3</div>
Собственно, нужен скрипт, который, при нажатии на:
<div id="clear_$" class="clear_coment">clear_$</div>
Удалял бы все элементы списка (<li>), которые имеют соответствующее имя, и редактировал контент, который в span`e, а именно, удалял "box_$*$цыфра+".
К сожалению, с javascript не дружу. Всё, что смог нагуглить, кстати, на этом форуме:
$('.clear_coment').click(function(e) {
var index=$('.clear_coment').index(this);
$('li[id^="box_"]').eq(index).remove();
$(this).remove();
});
Но, увы, всё, что он делает - это удаляет только один, первый попавшийся в списке <li>. Как сделать, чтобы он удалял ВСЕ <li> с даным именем и удалял еще часть строки, где:
box_1*$1+box_1*$2+box_1*$5+0. Нужно, чтобы удалял "box_?*$+".
UPD:Если так будет удобнее понять, то:
http://codepen.io/anon/pen/avzdjJ
Как видите, при нажатии на "clear_3" удаляется только элемент из одного списка.
А нужно, чтобы при нажатии на эту кнопку, удалялись все элементы списка с этим значением. Кроме того, чтобы удалялась часть span`a, которая начинается на этот элемент и до первого плюса (включительно)