多个 ID 的执行脚本 - 循环？

Question

我正在从 localStorage.getItem(1,22,3,14....) 下载 ID。我希望每个 ID 都在 jQuery 中执行（如果它存在于网站上）。我可以执行一个ID的代码，但我不知道如何使每个ID执行小数点后。我试过了，但没有通过。我必须循环它，对吗？有人可以帮忙吗？

var data = "1,22,3,14";
var format_id = data.replace(",", "");   
console.log('id=' +format_id); 

    $("#"+format_id+" .plus").removeClass("plus"); 
    $("#"+format_id+" .1").css("color", "red");
    $("#"+format_id+" .1").css("font-weight", "bold");

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="1" class="idkom1">
    <a class="punkt plus" href="#">
      <div class="1">plus1 <i class="fa fa-arrow-alt-circle-up"></i></div>
    </a>
</div>

<div id="2" class="idkom2">
    <a class="punkt plus" href="#">
      <div class="1">plusid2 <i class="fa fa-arrow-alt-circle-up"></i></div>
    </a>      
</div>

<div id="3" class="idkom3">
    <a class="punkt plus" href="#">
      <div class="1">plusid3 <i class="fa fa-arrow-alt-circle-up"></i></div>
    </a>
</div>

Answer 1

使用 split 函数将字符串拆分为数组。
遍历您的 ID 并依次处理每个 ID。

var data = "1,22,3,14";
let ids = data.split(",");

for(let id of ids)
{
    $("#"+id + " .plus").removeClass("plus"); 
    $("#"+id + " .1").css({"color" : "red", "font-weight": "bold"});
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="1" class="idkom1">
    <a class="punkt plus" href="#">
      <div class="1">plus1 <i class="fa fa-arrow-alt-circle-up"></i></div>
    </a>
</div>

<div id="2" class="idkom2">
    <a class="punkt plus" href="#">
      <div class="1">plusid2 <i class="fa fa-arrow-alt-circle-up"></i></div>
    </a>      
</div>

<div id="3" class="idkom3">
    <a class="punkt plus" href="#">
      <div class="1">plusid3 <i class="fa fa-arrow-alt-circle-up"></i></div>
    </a>
</div>

替代版本使用 css class

var data = "1,22,3,14";
let ids = data.split(",");

for(let id of ids)
{
    $("#"+id + " .plus").removeClass("plus"); 
    $("#"+id + " .1").addClass("highlight");
}

div.highlight
{
  color : red;
  font-weight: bold;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="1" class="idkom1">
    <a class="punkt plus" href="#">
      <div class="1">plus1 <i class="fa fa-arrow-alt-circle-up"></i></div>
    </a>
</div>

<div id="2" class="idkom2">
    <a class="punkt plus" href="#">
      <div class="1">plusid2 <i class="fa fa-arrow-alt-circle-up"></i></div>
    </a>      
</div>

<div id="3" class="idkom3">
    <a class="punkt plus" href="#">
      <div class="1">plusid3 <i class="fa fa-arrow-alt-circle-up"></i></div>
    </a>
</div>

多个 ID 的执行脚本 - 循环？

execution script for several ID - loop?

jquery