Schimbare class din jquery

#1
bunicu9

Posted 23 January 2021 - 17:43

Member

Grup: Members
Posts: 253
Înscris: 14.07.2013

Vreau sa fac un sistem de like-uri dar intampin o problema de aspect
Am aceste 2 butoane in html

<p><a href="#" class="like float-right btn text-dark btn-outline-danger" id="'.$id.'" title="Unlike"><i class="fas fa-heart"></i> Unlike</a> </p>

<p><a href="#" class="like float-right btn text-dark btn-danger" id="'.$id.'" title="Like"><i class="fas fa-heart"></i> Like</a> </p>

Cand intru pe pagina este afisat doar unul din ele.

Si acest javascript

$(document).ready(function(){
$(document).on('click', '.like', function(){
if($(this).attr('title') == 'Like'){
$that = $(this);
$.post('like.php', {post_id:$(this).attr('id'), action:'like'},function(){
$that.text('Unlike');
$that.attr('title','Unlike');
});
}else{
if($(this).attr('title') == 'Unlike'){
$that = $(this);
$.post('like.php', {post_id:$(this).attr('id'), action:'unlike'},function(){
	 $that.text('Like');
	 $that.attr('title','Like');
});
}
}
});
});

Cand apas pe buton imi dispare iconita (Daca o introduc in javascript $that.text('<i class="fas fa-heart"></i> Unlike' imi afiseaza ca text nu ca iconita);

Vreau sa schimb si class de la butoane
Cand apas pe Like si va deveni attr('title') == 'Like' sa schimb buttonul in class="like float-right btn text-dark btn-danger"
Si cand apas pe Unlike si va deveni attr('title') == 'Unlike' sa schimb buttonul in class="like float-right btn text-dark btn-outline-danger"

Cum as putea schimba class din acel javascript ?

Edited by bunicu9, 23 January 2021 - 17:44.

Back to top

#2
PeRuZzI

Posted 23 January 2021 - 20:56

Member

Grup: Members
Posts: 443
Înscris: 30.12.2005

Salut,

.addClass('clasa');
.removeClass('clasa');
.html('html');

Back to top

#3
bunicu9

Posted 23 January 2021 - 21:47

Member

Grup: Members
Posts: 253
Înscris: 14.07.2013

PeRuZzI, on 23 ianuarie 2021 - 20:56, said:

Salut,

.addClass('clasa');
.removeClass('clasa');
.html('html');

Multumesc pentru ajutor! Am rezolvat.

Back to top

Anunturi

Chirurgia endoscopică a hipofizei

"Standardul de aur" în chirurgia hipofizară îl reprezintă endoscopia transnazală transsfenoidală.

Echipa NeuroHope este antrenată în unul din cele mai mari centre de chirurgie a hipofizei din Europa, Spitalul Foch din Paris, centrul în care a fost introdus pentru prima dată endoscopul în chirurgia transnazală a hipofizei, de către neurochirurgul francez Guiot. Pe lângă tumorile cu origine hipofizară, prin tehnicile endoscopice transnazale pot fi abordate numeroase alte patologii neurochirurgicale.

www.neurohope.ro

Schimbare class din jquery

#1 bunicu9 Posted 23 January 2021 - 17:43

#2 PeRuZzI Posted 23 January 2021 - 20:56

#3 bunicu9 Posted 23 January 2021 - 21:47

Anunturi

▶ 0 user(s) are reading this topic

Sign In

#1
bunicu9

Posted 23 January 2021 - 17:43

#2
PeRuZzI

Posted 23 January 2021 - 20:56

#3
bunicu9

Posted 23 January 2021 - 21:47