jquery - 使用内部 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()方法定位子div；

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

如果内部 div 以 not-being-a-direct-child 告终，请find()改用;

$('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());
});

演示

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查找方法