查找包含jQuery中

Question

我有一个div指定类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类的DIV 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> 

确保您缠绕代码就绪事件，否则它将无法正常工作的DOM是不完全加载。

Answer 2

几件事情：

$(#fb_contentarea_col2_dropingarea .field_div_style"); 

是一个简单的CSS风格的选择来获取上课field_div_style

没有必要在这里使用.find（）＃fb_contentarea_col2_dropingarea内的所有元素。

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