Question

我有节点id并附加到div。我想检查节点id在div中使用类'node_id'的哪个id。并将id与li进行比较，其中类名等于类'node_id'。我的父列表中包含class =“flex-active-slider”.inside parent list我想用class =取值“node_id”并检查具有相同值的列表。并增加其中img的宽度

<li class="flex-active-slider">
  <div class="test"></div>
  <div class="node_id"><span>233</span></div>  //compare 233
  <ul>
     <li class="69"><img></li>
     <li class="233"><img></li>  // increase width
     <li class="299"><img></li>
  </ul> 
</li>

Answer 1

使用$.text()元素上的.node_id获取值，然后使用该值将li与匹配的类定位。

var node_id = $('.node_id').text();
$('.'+node_id).find('img').css('width','100px');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li class="flex-active-slider">
  <div class="node_id"><span>233</span></div>
  <ul>
     <li class="69"><img></li>
     <li class="233"><img></li>
     <li class="299"><img></li>
  </ul> 
</li>

Answer 2

数据信息。不应保存在class属性中，而是将数据存储到data-*属性中。 data-*属性用于存储页面或应用程序专用的自定义数据。

https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes

在您的情况下，node_id应存储在data-node-id属性中。

要回答你的问题，

获取目标节点ID
使用保存节点ID

li

重置以前指定的课程（可选）
如果找到目标

将值与li元素进行比较

2 个答案: