Question

我想点击＃TAGS1

中的div

$(document).on('click','div > #TAGS1',function(){alert('go crazy');});

我尝试过各种各样的东西，但似乎无法让它发挥作用。我想用.on。

Answer 1

尝试：

$('#TAGS1 div').on('click',function(){alert('go crazy');});

Answer 2

您可以尝试

<script type="text/javascript">
    $(document).on('click','#TAGS1 > div',function(){
        alert('go crazy');
    });
</script>

<div id="TAGS1">
  <div>Text 1</div>
  <div>Text 2</div>
  <div>Text 3</div>
</div>

Answer 3

如果您有一个带有＃TAGS1的元素，并且您希望对该元素内的每个div进行句柄点击，那么这应该适合您。

FIDDLE

<section id="TAGS1">
    <span>span1</span>
    <div>div1</div>
     <div>div2</div>
      <span>span2</span>
</section>



 $(document).on('click','#TAGS1 div',function(){alert('go crazy');});

Answer 4

$("#TAGS1 div").click(function() {
    alert('go crazy');
});

Answer 5

jquery方法.click()是.on()点击事件的快捷方式，将您的事件绑定更改为：

$('#TAGS1 div').click(function(e){
  alert('go crazy');
});

应该达到你想要的效果。

如果您真的想使用.on()，可以使用以下方法：

$(document).on('click', '#TAGS1 div', function(e) {
  alert('go crazy');
});

Answer 6

地狱？

下次提供你的jquery版本......

反正。您过时的代码类似于更新和更首选的代码。

$("div > #TAGS1").click(function(e){
     alert("clicked");
});

如果您的代码仍无法正常工作，那么您的html就会出现问题。 div> ＃tags1正在说.. Tags1是分裂的孩子。确保你的HTML确实如此。

Jquery使用on点击div里面的div

6 个答案: