时间戳

首页 > 解决方案 > 如何在数据属性值选择的元素上执行函数？

javascript - 如何在数据属性值选择的元素上执行函数？

问题描述

很抱歉这个冗长的问题。我的场景是这样的。

我有 10 个 HTML 连续元素，每个元素如下所示：（为了清楚起见，我将 div 留空，因为它们不相关）

<div class="item" data-id="1" style="left: 0px; top: 0px; transform: translateX(0px) 
translateY(0px)">
  <div class="item-content">
    <div class="card-add"> </div>
 </div>
</div>

除了“data-id”属性之外，所有元素都是相同的。在每个元素中，data-id 的范围为 1-10。我的目标是通过其 data-id 值选择“项目”，然后在相对于所选项目的“卡片添加”div上执行一个函数。要选择的值将从特定的数字随机生成。

到目前为止我的代码：

// select the value

     myNumbers = [1, 2, 6, 9, 11];
     var item = myNumbers[Math.floor(Math.random() * myNumbers.length)];


 // use this to select the current item

     var itemTemp = ($("[data-id=" + item + "]"));


// attempting to execute a function on this.

      $(itemTemp).find(".card-add").each(function() { 
        *do stuff here*
      }

显然，这似乎不起作用。我认为这与绑定“查找”和“每个”功能有关。

有没有人有这方面的解决方案？

标签： javascripthtmljquery

解决方案

将语音标记更改为引号：

$(itemTemp).find('.card-add').each(function() { 做点什么 }

推荐阅读