jquery - 使用带有数据属性的查找

Question

单击“删除”按钮时，我需要找到data-extra-key的值。我该怎么做？

<tr class="<%: classNames %>">
            <td data-extra-key="<%: item.ServiceKey %>">
                <%: item.ServiceName %>
                for
                <%: item.PetName %><sub><%: item.Description %></sub>
            </td>

            <td>
                <%if (item.IsAnExtra && !item.IsCancelled)
                  { %>
                <button class="btnRemoveExtraService actionButton secondaryButton short" type="button" itemid="<%:item.Id%>">
                    Remove</button>
                <%} %>
            </td>
        </tr>

我已经尝试过如下（我不知道如何将find与data 属性一起使用）：

 $('.btnRemoveExtraService').die('click').live('click', function () {

                   var service= $(this).parents('tr').find('').val();

                     return false;

                });

Answer 1

var dataExtraKey = $(this)
                      .closest('tr')      //find the wrapping <tr>
                      .find('td:first')   //traverse down and get the first <td>
                      .data('extra-key'); //get the value

Answer 2

试试这个

 var service= $(this).parents('tr').find('[data-extra-key]').data('extra-key');

Answer 3

您可以像这样简单地使用

            $('.btnRemoveExtraService').die('click').live('click', function () {

               var service= $(this).parent().parent().find('td:first-child').data('extra-key');

                 return false;

            });

希望这对你有用。

Answer 4

使用此代码：

$('.btnRemoveExtraService').click(function () {
   var service= $(this).closest('tr').find('td:first').data('extra-key');
   return false;
});