通过无线电点击显示一个孩子div

Question

我试图在单击一个单选按钮时显示相应的div但是（这个）似乎没有在这里工作？

http://fiddle.jshell.net/og3pz25q/

$('.thumb input[type=radio]').change(function() {       
   alert(this.value);
   $(this).find('.blurb').show();    

});

Answer 1

find查找子元素。这里带有 blurb 类的元素不是输入的子元素，因此它不起作用。您需要从

更新

  $(this).find('.blurb').show();   

到

 $(this).parent().find('.blurb').show();   

供参考 - http://fiddle.jshell.net/og3pz25q/1/

Answer 2

您无法使用find()，因为类.blurb的元素不在radio标记内。

相反，您需要遍历回其父元素，然后从那里向下遍历以查找具有类.blurb的元素。

JS CODE：

$('.thumb input[type=radio]').change(function() {       
  alert(this.value);
  $(this).parent().find('.blurb').show();    
});

现场演示@ JSFiddle：http://fiddle.jshell.net/dreamweiver/og3pz25q/2/