我正在從 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>uj5u.com熱心網友回復：
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 類的替代版本
顯示代碼片段
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>轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/470281.html
標籤：jQuery