javascript - JavaScript不会在同一句子中发送POST标记

如果同一句子中有多个标签，则仅发送第一个选定的标签。

这可能是什么原因？

Work on JSFiddle

$(function(){
    $('#lbl1').one('mouseover', function(){
        var $this = $(this),
            data1 = $this.text();
        console.log(data1);

        $.post('/echo/html/', {
            html: 'some server response',
            data1: data1
        }, function(data){
            $this.attr('title', data).tooltip().mouseover();
        });
    });
})

<script src="http://cdn.jquerytools.org/1.2.7/tiny/jquery.tools.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>


<label id="lbl1">Emre</label> and <label id="lbl1">Saracoglu</label>

最佳答案

如以下问题中的注释所述：

ID应该是唯一的，不能多次使用。您应该将class用于元素的组/集合。

解决方案：将id="lbl1"替换为class="lbl1"，然后将jQuery选择器更改为$('.lbl1').one('mouseover', function(){

$(function() {
  $('.lbl1').one('mouseover', function() {
    var $this = $(this),
      data1 = $this.text();
    console.log(data1);
  });
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label class="lbl1">Emre</label> and <label class="lbl1">Saracoglu</label>

如果您对上面的源代码有任何疑问，请在下面发表评论，我们将尽快与您联系。

JsFiddle Demo

我希望这有帮助。编码愉快！