Question

我有一个Div喜欢

 <div class="float_left" id="fb_contentarea_col2_dropingarea">

  <div data-attr="text" id="div1" class="field_div_style1 rounded_edges1">     </div>
  <div data-attr="text" id="div2" class="field_div_style1 rounded_edges1">     </div>
  <div data-attr="text" id="div3" class="field_div_style1 rounded_edges1 field_div_style">     
 </div>
 </div>

我正在尝试使用JQuery找到包含类field_div_style的Class的DIVs id。我试过了

alert($("#fb_contentarea_col2_dropingarea div").find("class","field_div_style")); -- alerts object

alert($("#fb_contentarea_col2_dropingarea div").find("class","field_div_style").attr("id")); -- alerts undefined

怎么办？

Answer 1

你需要：

<script type="text/javascript">
$(function() {
    alert($('#fb_contentarea_col2_dropingarea .field_div_style').attr('id'));
});
</script>

确保将代码包装在ready事件中，否则它将无法正常工作，因为DOM未完全加载。

Answer 2

有几件事：

$(#fb_contentarea_col2_dropingarea .field_div_style");

是一个简单的css样式选择器，用于获取＃fb_contentarea_col2_dropingarea中具有类field_div_style的所有元素

这里不需要使用.find（）。

如果有多个元素，这将返回一些元素集合，您必须以某种方式循环或使用它们，因此警报将像您的示例一样返回。我建议你使用firefox并下载firebug，这样你就可以使用console.log（）来获取更多细节。

在JQUery中传播包含指定类的Div的属性

2 个答案: