無法獲取與某個數據ID匹配的元素

Question

當我嘗試使用具有相同data-id的元素時，它不會給出期望的結果。

    $('.edit_reply').live("click", function (event) {
    var id = $(this).attr('data-id');
    $links = $("td[id*="+id+"]");
    alert($links.length);
    }


<tr data-id="{{ replyId }}">

         <td class="span3">
             <i class="icon-trash  delete_reply" data-id="{{ replyId }}"/>
             <i class="icon-edit  edit_reply"  data-id="{{ replyId }}"/>
         </td>
         <td  data-id="{{ replyId }}">

            {{{ reply }}}

        </td>

編輯：數據ID是這樣的。

id = e03747d1-3aa0-4224-b8b0-aa6afe713e74

首先，我認為這個字符串可能很大。 所以我將其設置為id =“ e03747d1-3aa0-4224-b8b0-aa6afe713e74”並選中了

    $links = $("td[id*='e03747d1-3aa0-4224-b8b0-aa6afe713e74']");

而且有效。

使用data（'id'）可獲得相同的結果。

   var id = $(this).data('id');

為什么會這樣。 有什么想法嗎？

Answer 1

嘗試使用.data（）獲取data-*屬性的值：

var id = $(this).data('id');

還要注意的是live()因為版本不推薦使用1.7和版本中刪除1.9 ，你應該使用。對（）來代替。

Answer 2

 var id = $(this).attr('data-id');
    $links = $("td[id*='"+id+"']"); //apply '"+id +"'

你也可以通過data（）

var id = $(this).data('id');