获取内部div的div内容

Question

HTML：

<div class="chocs">Chocolate Bar <div class="id">1234</div></div>

jQuery的：

$('div#groupinfo .chocs').click(function(){
   alert($(this).slug.text());
});

我试图在单击外部div时获取内部div（id）的内容。 可以这样做吗？

Answer 1

使用children() method定位子div;

$('div#groupinfo .chocs').click(function(){
   var contents = $(this).children('.id').text();
});

如果内部div最终不是直接孩子，请使用find() instead;

$('div#groupinfo .chocs').click(function(){
   var contents = $(this).find('.id').text();
});

Answer 2

是的，这就是jQuery的用途（当然还包括其他内容）。此解决方案使用context参数，它通过提供id作为上下文对象，在单击的元素中查找具有this类的元素。

$('div#groupinfo .chocs').click(function(){
    alert($(".id", this).html());
});

DEMO

Answer 3

假设您的父div的ID为groupinfo：

$('div#groupinfo .chocs').click(function() {
   alert($(this).find(".id").text());
});​

Answer 4

你可以在find这样的帮助

的帮助下完成

$('div#groupinfo .chocs').click(function(){
   alert($(this).find('.id').text());
});

Jquery find method