Показать элемент родительского элемента
Вопрос
Допустим, у нас есть что-то вроде:
<div class="row">
<div class="box">
<a class="more" href="#more"/>
</div>
<div class="hidden">
stuff
</div>
</div>
<div class="row">
<div class="box">
<a class="more" href="#more"/>
</div>
<div class="hidden">
stuff
</div>
</div>
Поэтому, когда вы нажимаете на more link
это toggles
тот hidden class
.но не оба скрытых класса.
Я пытался редактировать некоторые вещи с помощью $(this)
но ничего.
Только начал jquery/js, так что не все в порядке.
Это то, что у меня есть
$(".row .more").click(
function()
{
var parentTag = $(this);
var parentTag = "." + $(this).parent().parent().parent().attr('class') + "";
//$(this).prepend(document.createTextNode(parentTag));
$(parentTag + " .forum-stats").slideToggle("slow");
return false;
}
);
Теперь это работает.:( Надеюсь, вы понимаете мой вопрос ...Спасибо!
Решение
Возможно, это не самое эффективное решение, но попробуйте следующее:
$(".row #more").click(function() {
$(this).parents(".row").children(".hidden").slideToggle("slow");
}
);
Это должно сработать, если я правильно понял ваш вопрос.
Другие советы
$('a[href=#more]').click(function() {
$(this).parents('.row > div.hidden').slideToggle('slow');
});
Не связан с StackOverflow