使用jQuery在另一个容器中选择div

时间:2012-05-18 18:47:24

标签: jquery

我有一个容器,里面有其他div。我需要只能点击那些有" clickMe"在他们中上课。

<div id="hiddenDiv">
  <div id="val1" class="clickMe">Straight</div>
  <div id="val2">Left</div>
  <div id="somthElse" class="clickMe">Right</div>
</div>

它看起来非常简单,但它对我不起作用......

$("#hiddenDiv div.clickMe").click(function(){
      ...
}

我错过了什么?


更新:

不确定它是什么,但更改为$("#hiddenDiv div.clickMe").live("click", function(){修复它。

3 个答案:

答案 0 :(得分:1)

更新

您需要修复丢失的报价:

<div id="somthElse" class="clickMe>Right</div> clickMe之后缺少结束报价。 <div id="somthElse" class="clickMe">Right</div>

容器div被隐藏,因此您无法单击它。删除style="display:none"

答案 1 :(得分:1)

你有错别字。试试这个:

HTML

<div id="hiddenDiv">
  <div id="val1" class="clickMe">Straight</div>
  <div id="val2">Left</div>
  <div id="somthElse" class="clickMe">Right</div> <!-- Was missing closing 
                                                       quote on class attr -->
</div>​

脚本

$("#hiddenDiv div.clickMe").click(function(){
      alert('clicked');
});​ // Was missing closing paren and semi-colon.

工作示例http://jsfiddle.net/ebFw6/

答案 2 :(得分:1)

你错过了html和js代码中的一些小东西,尽管这是最终的结果 http://jsfiddle.net/RZ74s/