将数据传递给jquery click()函数

如果您坚持使用旧式HTML 4.01或XHTML:

$('.removeAction').click(function() {
 // Don’t do anything crazy like `$(this).attr('id')`.
 // You can get the `id` attribute value by simply accessing the property:
 this.id;
 // If you’re prefixing it with 'my' to validate as HTML 4.01, you can get just the ID like this:
 this.id.replace('my', '');
});

顺便说一下,在HTML5中, the id attribute can start with a number or even be a number .

同样,如果您仍然在使用HTML5,那么您最好使用自定义数据属性,如:

<span class="action removeAction" data-id="1">Remove</span>

$(this)在click函数中表示单击的元素

$(".removeAction").click(function() {
    //AJAX here that needs to know the ID
    alert($(this).attr('id'));           
}

以下代码将为您获取单击的 span . 使用ID并不完美,但它会起作用。

$(".removeAction").click(function() {
  alert($(this).attr("id"));
});

您可以在每一行上都有一个隐藏字段,用于存储JSON对象中所需的ID和/或其他数据,并使用该字段而不是使用SPAN标记进行黑客攻击。

<tr>
<td>
<span class="action removeAction">Remove</span>
<input type="hidden" value="1" />
</td>
</tr>

$('.removeAction').click(function(){
  var id = $(this).next().val();
  // do something...
});

高温高压

您可以尝试jquery.data(): http://api.jquery.com/jQuery.data 但这意味着服务器端生成的JS代码将在页面加载时执行,这样您就可以存储ID以备日后重用(您的删除操作)。

// this part would have to be server 'generated'
// and by that I'm referring  to the '<?=$row_id?>'
$('table .remove').each(function(){

   var MyElem = $(this);
   MyElem.data('id', <?=$row_id?> );

   MyElem.click(function(){
      the_id = $(this).data('id');
      // ajax call goes here
   });

});