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

0

289
Views
Haga etiquetas "a", cada vez que se haga clic, agregue texto interno dentro de él, pero elimínelo cuando se haga clic en otra etiqueta "a" (misma clase)

Estoy haciendo una función de cambio de color para mi proyecto. Este es mi html: click para verlo

Como título, quiero crear algunas etiquetas que tengan la misma clase como esta: <a class="dropdown-item" onclick...></a>

Y cada vez que un usuario haga clic en una de esas etiquetas, esa etiqueta en la que el usuario hizo clic tendrá un texto adicional [current] como este: Sky [current] . Pero cuando se hace clic en otra etiqueta , el texto [current] se moverá a la nueva etiqueta (con la misma clase) en la que el usuario acaba de hacer clic.

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

0

Un enfoque simple es simplemente eliminar el texto adicional de cada elemento en el que se puede hacer clic y luego agregarlo al que se hizo clic.

Aquí hay un ejemplo.

 function addText(event) { for (anchorTag of document.getElementsByClassName("myButton")){ anchorTag.innerHTML = anchorTag.innerHTML.replace(" Grape", ""); } event.target.innerHTML = event.target.innerHTML + " Grape"; }
 <a href="#" class="myButton" onclick="addText(event)">Apple</a> <br/> <a href="#" class="myButton" onclick="addText(event)">Orange</a>

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