单击页面加载后添加的span元素

时间:2018-04-04 09:21:18

标签: javascript jquery dom loaded

我有一个div。单击一个单词后,div会有一些跨度。 守则:

<div id="show-data">
  <span>Erprobung</span> 
  <span>Probe</span> 
  <span>Prüfung</span> 
  <span>Test</span>
</div>

我的问题:我也想点击新的span-tags,但它对我不起作用。这是我的代码:

$('$data-show').on('mouseover','span',function(){
    alert("Test");
});  
<div id="show-data"></div>

这个问题的解决方案是什么?非常感谢你。

1 个答案:

答案 0 :(得分:1)

使用#show-data代替$data-showclick()事件代替mouseover()事件。

&#13;
&#13;
$('#show-data').on('click','span',function(){
  alert($(this).text());
});
    
var count = 0;
$('button').on('click', function(){
  count = count+1;
  $('#show-data').append('<span>Test'+count+'</span>');
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <div id="show-data">
    <span>Erprobung</span> 
    <span>Probe</span> 
    <span>Prüfung</span> 
    <span>Test</span>
    </div>
    <button>Add Span</button>
&#13;
&#13;
&#13;