У меня есть этот код, который на самом деле не работаетJQuery различные выборы от этого нажмите
Сначала я добавить IMG DIV
$('div.group_title a').prepend("<img src='replace_w_img_link_in_real' width='20' height='20' >");
Тогда я сделать выбор этого DIV
$('.el.group_title a img').on('click', function(e){
e.preventDefault();
var img2 = "img_link_path_2";
var img1 = "img_link_path_1";
var img = $(this).attr("src");
if (img == img1) {
$(this).attr("src",img2);
} else {
$(this).attr("src",img1);
}
$(this).nextUntil('.el.group_title', '.sidebar_project').toggle();
});
Проблема в том, что $('.el.group_title a img')
просто возвращает выделение, и когда я делаю $(this).nextUntil('.el.group_title', '.sidebar_project').toggle();
Я не могу найти div.
Итак, идея состоит в том, что он добавляет img div, и когда вы нажимаете этот img, img меняет и скрывает/показывает содержимое .sidebar_project
до следующего img. Я пытался изменить $(this).nextUntil('.el.group_title a img'
, но не повезло
По запросу это основа HTML
<div class="el group_title">
<a href="link_path">NAME</a>
</div>
<div data-project-id="195677" class="sidebar_project">..</div>
<div data-project-id="9844" class="sidebar_project">..</div>
<div class="el group_title">
<a href="link_path">NAME 2</a>
</div>
<div data-project-id="195677" class="sidebar_project">..</div>
<div data-project-id="9844" class="sidebar_project">..</div>
Теперь, когда я добавляю IMG Див
<div class="el group_title">
<a href="link">
<img alt="ACME org" src="link" width="20" height="20">org name</a>
</div>
....
Вот jsFiddle ->http://jsfiddle.net/6fdMc/
Вы можете разместить образец HTML, который вы получите после добавления? – Samich
Создание jsfiddle было бы отличной идеей, было бы легче увидеть, в чем проблема. – sQVe
Обновлен w кодом, который я получаю – Nonyck