Получить родительский DIV из HREF в jQuery

Question

Мне нужно получить родительский div гиперссылки. В приведенном ниже примере это будет '.link-container'. Однако this.parent или this.parents не работает.

jQuery('.link-container a').live('click', function(e) { 
e.preventDefault(); 
alert(this.parent); 
}); 

Любые идеи о том, как это получить ?.

С уважением, Джон

Answer 1

Ваше используя это неправильно. Вам нужно обернуть this в объект jQ. И родитель является функция, так что вы должны назвать его как parent():

$('.link-container a').on('click', function(e) { 
    e.preventDefault(); 
    alert($(this).parent()); 
}); 

Answer 2

Try:

$(this).parent() 

http://api.jquery.com/parent/

Answer 3

.live устарела, используйте .on, если вы используете JQuery версии 1.7+ или же использовать .delegate, завернуть this в jquery, а затем использовать метод jquery parent или parents

jQuery(document).delegate('.link-container a','click', function(e) { 
e.preventDefault(); 
alert($(this).parents('.link-container')); 
}); 

если якорь тег внутри .lin-container как

<div class='link-container'> 
<a href='#'>stack overflow</a> 
</div> 

вы можете использовать closest

jQuery(document).delegate('.link-container a','click', function(e) { 
    e.preventDefault(); 
    alert($(this).closest('.link-container')); 
    }); 

Answer 4

Джона, использовать или необработанный яваскрипт свойства this.parentNode или метод JQuery $(this).parent() который возвращает объект JQuery, содержащий набор только один узла (родительский узел .)

Answer 5

Надеется, что это помогает

Допустят, есть родительский DIV

<div id="parent"> 
    <a href="javascript:void(0)" class="link">Click me</a> 
</div> 

$(document).ready(function(){ 
    $(".link").click(function(){ 
    alert(this.parentNode.id); 
    }); 
}); 

Я обычно предпочитаю parentNode над родителем