Preluare nume din tag-ul <a> dupa clic pe un buton
Discutii si intrebari legate de scripturi si functii JavaScript, jQuery si Ajax, cod JavaScript in general.
-
Stefan
- Mesaje: 117
Preluare nume din tag-ul <a> dupa clic pe un buton
Salut,
Sa zicem ca am lista de mai jos, cum as putea ca atunci cand apas pe un "buton" sa imi preia numele din tag-ul <a> asociat?
Cod: Selectaţi tot
<ul>
<li>
<a href="" class="nume">Nume 1</a>
<button>Buton</button
</li>
<li>
<a href="" class="nume">Nume 2</a>
<button>Buton</button
</li>
<li>
<a href="" class="nume">Nume 3</a>
<button>Buton</button
</li>
<li>
<a href="" class="nume">Nume 4</a>
<button>Buton</button
</li>
</ul>
Daca folosesc .text() imi preia toate valorile, daca folosec .val() imi preia doar prima valoare
Cod: Selectaţi tot
$(document).on('click', '.reply',
alert($('.nume').text());
});
MarPlo
Mesaje: 4343
Salut,
Poti sa folosesti scriptul JS din urmatorul exemplu. Tagul UL sa aibe un id, aici e "ul1".
Cod: Selectaţi tot
<ul id="ul1">
<li>
<a href="" class="nume">Nume 1</a>
<button>Buton</button
</li>
<li>
<a href="" class="nume">Nume 2</a>
<button>Buton</button
</li>
<li>
<a href="" class="nume">Nume 3</a>
<button>Buton</button
</li>
</ul>
<script>
let ul1_btns = document.querySelectorAll('#ul1 button');
for(var i=0; i<ul1_btns.length; i++){
ul1_btns[i].addEventListener('click', (e)=>{
var a_name = e.target.parentNode.querySelector('.nume').innerHTML;
alert(a_name);
});
}
</script>
Stefan
Mesaje: 117
Nu se intampla nimic cu codul respectiv
MarPlo
Mesaje: 4343
Vezi in consola browser-ului sa nu ai erori javascript in pagina.
Testeaza acel cod asa cum e intr-o pagina simpla html.
Eu am testat si functineaza; la clic pe un buton apare o fereastra alert cu numele din tagul <a> de langa acel buton.
Subiecte similare
-
mysql Update dupa nume
PHP - MySQL - XML
Primul mesaj
Salutari,
Incerc de ceva timp sa fac sa imi salveze informatiile jucatorului in baza de date, o data inserate vreau atunci cand gaseste din nou...
Ultimul mesaj
Cand se creaza tabelul in baza de date, coloana nickname trebuie sa fie de tip UNIQUE KEY .
Iar id-ul ar trebui sa fie o valoare care sa nu o mai...
-
Buton pentru a crește sau descrește aleator un numar
JavaScript - jQuery - Ajax
Primul mesaj
Intrebare rapida:
Cum pot seta un buton care poate crește și /sau descrește aleator un număr la clic?
Acesta este codul pe care îl am....
Ultimul mesaj
Poti sa folosesti Math.random() pentru a decide dacă numarul va crește sau nu:
<button id='tst_btn'>Change counter</button>
<h3...
-
După Lună, China se îndreaptă spre Marte
Stiri Deosebite
După ce a cucerit Luna, China se îndreaptă direct spre Marte.
<img style='width:99%' src='/forum/images/china_probe_rocket.webp' alt='China...
-
Select dupa mai multe coloane in baza de date
PHP - MySQL - XML
Primul mesaj
Salut
am si eu o baza de date zona_geografica in care am rubricile
id |nume_tara |nume_oras |id_tara |id_oras | nume_zona | id_zona | data
1 |...
Ultimul mesaj
Multumesc mult pentru ajutor .
-
Ajax fade mesaj si redirect dupa un timp
JavaScript - jQuery - Ajax
Primul mesaj
Am codul asta si vreau in loc de input type=button sa fie submit, dar sa imi dea fade la fel in 5 secunde de cand apare eroarea.
Daca schimb cu...
Ultimul mesaj
Am rezolvat,multumesc frumos de ajutor
-
Resetare input type text dupa submit
JavaScript - jQuery - Ajax
Primul mesaj
Dupa ce dau enter sau click si a trimis mesajul nu mii se reseteaza input textul,imi trmite catre mysql fara reload incarca textul prin div dar nu...
Ultimul mesaj
\Multumesc, codul din raspunsul tau functioneaza