使用Jquery定位CLASS NAME +特定数据ID

Question

我想让JQuery定位以下项目并使用动态GUID（ruID）更改TEXT：

<span class="btn btn-mini emailIntive" data-id="a9c83938-0c2e-4433-a0f0-9aafc1aae541"> Invite </span>

我使用的JQuery代码是：

$('.emailIntive' + data('id')=== ruID).text("SENT");

我收到'数据未定义'错误。

如何使用JQuery定位CLASS NAME +特定数据ID？

Answer 1

$('.something[data-id='+theUUID+']');

哪个会评估为：

$('.something[data-id=a9c83938-0c2e-4433-a0f0-9aafc1aae541]');

将选择类something和data-id a9c83938-0c2e-4433-a0f0-9aafc1aae541

的元素

Answer 2

jsFiddle demo

var ruID = $(".emailIntive").data('id');  //a9c83938-0c2e-4433-a0f0-9aafc1aae541
$('.emailIntive').data('id', ruID).text("SENT");

或者：

var ruID = $(".emailIntive").data('id');  //a9c83938-0c2e-4433-a0f0-9aafc1aae541
$('.emailIntive[data-id='+ruID+']').text("SENT");