Добрый день, уважаемые форумчани. Заранее прошу не кидать в меня камнями. Перед мною встала задача, которую можно было бы решить намного проще используя "GetElementById", но все таки я хочу реализовать задумку именно так.
Суть в том, что есть меню опций, с одинаковыми цсс классами. По клике на каждый из них рядом с ним должна появится галочка - (отмечено, мол), по еще одному клику - галочка должна снятся. С добавлением галчоки (в моем случае img) особых пробелм не возникло, а вот с удалением - нужна ваша помощь.
Собственно, вот мой быдло-код:
<script>
$(document).ready(function()
{
$(".round-img").click(function()
{
var clicked = document.getElementsByClassName('setting-row');
for (var i = 0; i < clicked.length; i++)
{
clicked[i].addEventListener("click", adding);
function adding(){
{
var o=document.createElement('img');
o.src='img/system/yes.png';
o.className="yes-marker";
this.appendChild(o);
/*console.log($(this));*/
}
if (this.appendChild(o))
{
clicked[i].addEventListener("click", del)
function del()
{
this.removeChild(o);
}
};
}
}
})
})
</script>