Estoy descargando ID de localStorage.getItem(1,22,3,14....). Quiero que cada ID individual se ejecute en jQuery (si existe en el sitio web). Puedo ejecutar el código para una ID, pero no sé qué hacer para hacer cada ID después de ejecutar el punto decimal. Lo intento pero no pasa. Tengo que hacer un bucle, ¿verdad? ¿Alguien puede ayudar?
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>
split
. 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>
Versión alternativa usando una clase 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>