kenapa hanya class komentar pertama saja yg kena efek nya gan?

saya punya tiga class komentar


  <div class="komentar">
            <a href="">Like </a>|<a href="" id="komen"> Komentar</a>
            <textarea name="komentar" placeholder="Komentar..."></textarea>
            <button type="submit" name="komentar">Kirim</button>
  </div>

  <div class="komentar">
            <a href="">Like </a>|<a href="" id="komen"> Komentar</a>
            <textarea name="komentar" placeholder="Komentar..."></textarea>
            <button type="submit" name="komentar">Kirim</button>
  </div>

  <div class="komentar">
            <a href="">Like </a>|<a href="" id="komen"> Komentar</a>
            <textarea name="komentar" placeholder="Komentar..."></textarea>
            <button type="submit" name="komentar">Kirim</button>
  </div>

dan ini javascriptnya


$("#komen").click(function(){
  $(this).parent().toggleClass("tambah");

  event.preventDefault();
});

kenapa yang mau di tambah class nya hanya class komentar yg pertama aja gan? yang bawahnya ketika di klik malah ngerefresh

avatar iamfreestyler
@iamfreestyler

341 Kontribusi 57 Poin

Diperbarui 6 tahun yang lalu

2 Jawaban:

Jawaban Terpilih

karena actionnya ada di ID bukan class

coba ganti

 <div class="komentar">
            <a href="">Like </a>|<a href="" class="komen"> Komentar</a>
            <textarea name="komentar" placeholder="Komentar..."></textarea>
            <button type="submit" name="komentar">Kirim</button>
  </div>
 $(".komen").click(function(){
  $(this).parent().toggleClass("tambah");

  event.preventDefault();
});

avatar welldone
@welldone

66 Kontribusi 45 Poin

Dipost 6 tahun yang lalu

thanks gan @welldone berhasil... :D

avatar iamfreestyler
@iamfreestyler

341 Kontribusi 57 Poin

Dipost 6 tahun yang lalu

Login untuk ikut Jawaban