Intereting Posts
Sql Защита от впрыска с помощью только str_replace При использовании mysqli_init () доступ к свойствам еще не разрешен. Попытка пропустить безопасный auth в php concatenate mysql select query с переменной php? Подавить предупреждение о неоднозначности класса для композитора dump-autoload -o Автозаполнение и отправка форм на внешний сайт Почему я получаю «POST http: //54.xx.xx.xx/wp-admin/admin-ajax.php 500 (Internal Server Error)» при использовании WordPress + Ajax? Создать файл в каталоге идентификатора пользователя Следует ли проверять уникальные поля на уровне базы данных? Отношения между родителями и детьми Laravel на собственной модели PHP – принимать значение из базы данных и устанавливать в качестве значения тега HTML select Создание вида поиска в форме через фрагмент в форме Как вы используете одновременно $ _GET и # привязку? Получить все результаты из базы данных с помощью mysqli Невозможно загрузить текстовое значение в mysql Как подключить контроллер для просмотра в PHP OOP?

jQuery переключает элементы с классом только в родительском div

Я бил головой о стол за последние два дня. Я создаю приложение, которое отображает информацию из db, заголовка / ссылки, миниатюры и времени, сохраненных в неупорядоченном списке, например: http://blog.madebycraig.com/images/full.jpg
То, что я пытаюсь сделать, состоит в том, чтобы на элементе была кнопка «Свернуть», переключая миниатюру и время сохранения и выключения: http://blog.madebycraig.com/images/minimized.jpg
Я могу это сделать, но это все или ничего. Я нажимаю кнопку «Свернуть», и все идет. Как я могу скрыть его, чтобы просто переключать элементы с определенным именем класса, которые являются дочерними элементами div, в которые включена кнопка минимизации? Я пробовал .parent (), .child (), .next (), .prev (). Я все бросил, что знаю. Теперь я обращаюсь к вам, добрые господа (или мадам). Что я делаю не так? Вот я, я пытаюсь запустить его.

echo' <li class="bookmarkContainer"> <a href="'.$row['url'].'" class="toggle"><img class="thumb" src="images/placeholder.png" /></a> <div class="title"><a href="'.$row['url'].'" class="bookmrk" target="_blank">'.$row['title'].'</a></div> <div class="dt toggle">'.relativeTime($row['dt']).'</div><br /> <a class="collapse" href="#">hide</a> <a class="delete" href="?delete='.$row['id'].'" id="'.$row['id'].'">Delete Bookmark</a> </li>'; 

Вы можете сделать это, используя .closest() и .find() следующим образом:

 $(".collapse").click(function() { $(this).closest('.bookmarkContainer').find('.toggle').toggle(); }); 

Если у вас их много, или они меняются с помощью ajax (похоже, что это результат поиска), используйте .live() или .delegate() следующим образом:

 $(".collapse").live('click', function() { $(this).closest('.bookmarkContainer').find('.toggle').toggle(); }); //or... $("#ulID").delegate('.collapse', 'click', function() { $(this).closest('.bookmarkContainer').find('.toggle').toggle(); });