javascript - 如何检查带有 "for"prop 的标签是否存在？

Question

我有一个 HTML 标签:

<label class="label-radio-button-detail-gray" for="Metallic Black">
</label>

还有一个我从 ajax 帖子返回给我的数组:

Array [ "Metallic Black" ]

我想检查页面上是否存在带有 for="Metallic Black"的标签，然后添加一个类。

这就是我所拥有的:

).done(function(response){
   console.log(response);
   if(response.length > 0) {
      response.forEach(function(item){

       });
   }
});

我如何实现这个目标？

Answer 1

您可以使用以下解决方案。

var response = ["Metallic Black"];

if (response.length > 0) {
  response.forEach(function(item) {
    $("label").each(function() {
      if ($(this).prop("for") == item) {
        $(this).addClass("your-class");
      }
    });
  });
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<label class="label-radio-button-detail-gray" for="Metallic Black"> Metallic Black
</label>
<br/>
<label class="label-radio-button-detail-gray" for="Metallic Black1"> Metallic Black1
</label>