jquery - 如何使用Jquery动态查找html链接的属性并用逗号标记ref属性？

Question

假设我有一个动态填充的水果名称列表，php 生成的代码如下

<div id="fruit_list">
  <ol>
    <li>Apple <a id='1' ref='red'>Delete</a></li>
    <li>Pear <a href id='2' ref='green'>Delete</a></li>
  </ol>
</div>

我想做一个ajax删除，当用户单击删除链接时，在fruit_list div下，当单击删除链接时，我想知道所单击链接的属性id和ref。知道属性后，我如何在 jQuery 中分解它，以便可以用逗号分隔 ref。

如果我错了，你能提出一个方法吗？

Answer 1

尝试:

$('#fruit_list a').bind('click', function (evt) {
  console.log(
    /*the element id*/
    $(this).attr('id'),

    /*the element attribute ref, splitted by ,*/
    $(this).attr('ref').split(/,/)
  );
});