• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

148
Views
script de ejecución para varios ID - loop?

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>

about 3 years ago · Juan Pablo Isaza
1 answers
Answer question

0

  1. Divide tu cadena en una matriz usando la función de split .
  2. Recorra sus identificaciones y procese cada identificación a su vez.

 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>

about 3 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error