php - Ajax GET 传递了错误的数据

Question

我有这个 HTML/PHP 代码:

$notes.='<div class="note '.$color.'" ';

    if($row["xyz"] == '') {
        $notes.='style="left:45%; top:10%; z-index:0;"><h3 align="center">New Note</h3>';
    } else {
        $notes.='style="left:'.$left.'px;top:'.$top.'px;z-index:'.$zindex.'">';
    }

    $notes.=htmlspecialchars($row['text']).'
    <a class="closeMessage">X</a><div class="addedby">'.htmlspecialchars($row['addedby']).'</div>
    <span class="data">'.$row['sequence'].'</span>
    </div>';

有多个包含来自数据库的不同数据

我想使用 ajax 使用 GET 将数据发送到 PHP 页面，我目前有这个:

$('.closeMessage').live('click',function(){
        //alert("close");
        alert($('span.data').html());
        $.get('/includes/sticky_notes/closeMessage.php',{
            sequence : $('span.data').html()
        });
        alert("close");
    });

但每次传递的顺序都不正确。它传递不同行的序列号

Answer 1

由于注释的 HTML 代码有多个 'data' 类元素，因此当您调用 $('span.data').html() 时您将始终获得带有数据类的第一个跨度的内部 html。

您可以traverse dom 树并使用类似 siblings 的东西功能。

$(document).ready( function(){

    $('.closeMessage').on('click',function(){
      //alert("close");
      this_data = $(this).siblings('.data').html();
      alert(this_data);

      $.get('/includes/sticky_notes/closeMessage.php',{
        sequence : this_data
      });

      alert("close");
    });
});

在此示例中，我们将数据存储在变量 this_data = $(this).siblings('.data').html() 中，因此我们引用被单击的元素 - $(this)，然后在树中向下查找，直到下一个具有 data 类的元素。

最后一件事 - 考虑使用 $('.closeMessage').on 而不是 live，因为它已被弃用 - http://api.jquery.com/live/