数据上的Jquery选择器

时间:2014-11-18 01:23:38

标签: javascript jquery

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

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

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

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

有人知道怎么做吗?

3 个答案:

答案 0 :(得分:1)

有两个问题:

  1. 您在245
  2. 之后有space
  3. 当我复制并粘贴您的HTML时,有一个字符我必须在=之后删除。
  4. 这清楚地表明您可能希望清理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>​

答案 1 :(得分:0)

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

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

如果你想设置data_value,就像shaN所说:

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

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

答案 2 :(得分:0)

你有data-value=​"CS 245 " (注意空白区域!)你应该拥有:

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

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