数据上的Jquery选择器

Question

所以我有以下html对象，我想根据数据值

选择它

[<span class="selecter-item selected" data-value="CS 245">CS 245</span>]

我尝试过类似的东西，但它不起作用。

$("span[data-value='CS 245']")

有人知道怎么做吗？

Answer 1

有两个问题：

1. 您在245
之后有space
2. 当我复制并粘贴您的HTML时，有一个字符​我必须在=之后删除。

这清楚地表明您可能希望清理HTML以避免此类问题。

该演示工作正常。

alert( $("span[data-value='CS 245 ']").length );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<span class=​"selecter-item selected" data-value="CS 245 ">​CS 245​</span>​

Answer 2

如果您想知道数据值的价值：

$("span").attr("data-value");

如果你想设置data_value，就像shaN所说：

$("span").attr("data-value","CS 245");

但是如果你想像你一样选择尝试删除空白数据值=＆＃34; CS 245＆＃34;

Answer 3

你有data-value=​"CS 245 " （注意空白区域！）你应该拥有：

$("span[data-value='CS 245 ']")

或者只是移除空白区域:)并且应该按照当前的方式工作