通过其data-id属性选择一个元素不适用于所有元素

-1

我想通过它的data-id属性选择一个元素。问题在于，由于某些原因，它不适用于所有元素。由于某种原因，下面的脚本只适用于Rotor-Stator类别下的其他项目。通过其data-id属性选择一个元素不适用于所有元素

下面是HTML

<div class="prodCat"> 
    <button class="accordion prodCat even">Rotor-Stator Homogenizers</button> 
    <div class="panel" id="rshom"> 
    <div class="item catlink" data-id="391">Tissue Master</div> 
    <div class="item catlink" data-id="390">TH Tissue Homogenizer</div> 
    <div class="item catlink" data-id="480">Micro Homogenizer</div> 
    <div class="item catlink" data-id="481">THQ Digital Tissue Homogenizer</div> 
    <div class="item catlink" data-id="395">GLH General Laboratory Homogenizer</div> 
    <div class="item catlink" data-id="396">Mixer Homogenizer</div> 
    </div> 
    <button class="item prodCat" data-id="103" ">Automated Homogenizers</button> 
    <button class="item prodCat even " data-id="108 ">Bead Mill Homogenizers</button> 
    <button class="accordion prodCat ">Bead Mill Nucleic Acid Extractor</button> 
    <div class="panel " id="bmnae "> 
    <div class="item catlink " data-id="489 ">DNA Purification</div> 
    <div class="item catlink " data-id="490 ">RNA Purification</div> 
    </div> 
</div>

这里的样本是Jquery的：

这工作

$('.prodCatCol').find(".item[data-id='391']").css('background', 'red');

这不起作用

$('.prodCatCol').find(".item[data-id='489']").css('background', 'red');

任何帮助将不胜感激，谢谢。

来源

2017-02-23 Travis Michael Heller

'<按钮类=” item prodCat“data-id =”103“”>自动匀浆器'重复引号打破HTML，确保这不是原因------^- 发布代码之前 – Nope

每个id后面还有一个空格我删除了空格，并删除了额外的报价，并修复了它。谢谢 –

数据ID的值为489 & 490的唯一标识符包含空格字符。这些数据ID被视为字符串而不是整数。

所以一个选项：从数据ID的

<div class="panel " id="bmnae "> 
     <div class="item catlink " data-id="489">DNA Purification</div> 
     <div class="item catlink " data-id="490">RNA Purification</div> 
</div>

而且，你已经inconsisten HTML标记在符合data-id="103" " 这3个双引号删除空格例如会给你标记的问题。

来源

2017-02-23 14:06:50 Cagy79

谢谢，问题的空间。 –

那么因为data-id="489 "就像其他人一样有空间。同样格式化你的HTML，否则你会遇到更多的问题！

来源

2017-02-23 14:06:45 Morgs

您已经在数据-ID剩余空间=“489”，并增加了对线路11

一个额外的报价与它更换指定的HTML然后尝试：

<div class="prodCat"> 
    <button class="accordion prodCat even">Rotor-Stator Homogenizers</button> 
    <div class="panel" id="rshom"> 
    <div class="item catlink" data-id="391">Tissue Master</div> 
    <div class="item catlink" data-id="390">TH Tissue Homogenizer</div> 
    <div class="item catlink" data-id="480">Micro Homogenizer</div> 
    <div class="item catlink" data-id="481">THQ Digital Tissue Homogenizer</div> 
    <div class="item catlink" data-id="395">GLH General Laboratory Homogenizer</div> 
    <div class="item catlink" data-id="396">Mixer Homogenizer</div> 
    </div> 
    <button class="item prodCat" data-id="103">Automated Homogenizers</button> 
    <button class="item prodCat even " data-id="108">Bead Mill Homogenizers</button> 
    <button class="accordion prodCat ">Bead Mill Nucleic Acid Extractor</button> 
    <div class="panel " id="bmnae "> 
    <div class="item catlink " data-id="489">DNA Purification</div> 
    <div class="item catlink " data-id="490">RNA Purification</div> 
    </div> 
</div>

来源

2017-02-23 14:11:00

通过其data-id属性选择一个元素不适用于所有元素

回答

相关问题