Взять определённый текст из определённого div-а

@Stepashka20 · Регистрация: 27.06.2017

Author24 — интернет-сервис помощи студентам

Вот есть такой код:

HTML5

<li class="contact">
  <div class="wrap">
    <span class="contact-status online"></span>
    <img src="http://emilcarlsson.se/assets/louislitt.png" alt="" />
    <div class="meta">
      <p class="name">Андрей Пупкин</p>
      <p class="preview"> . </p>
    </div>
  </div>
</li>
 
<li class="contact">
  <div class="wrap">
    <span class="contact-status online"></span>
    <img src="http://emilcarlsson.se/assets/louislitt.png" alt="" />
    <div class="meta">
      <p class="name">Мария</p>
      <p class="preview"> . </p>
    </div>
  </div>
</li>
 
<li class="contact">
  <div class="wrap">
    <span class="contact-status online"></span>
    <img src="http://emilcarlsson.se/assets/louislitt.png" alt="" />
    <div class="meta">
      <p class="name">Максим</p>
      <p class="preview"> . </p>
    </div>
  </div>
</li>

Нужно получить текст ,при нажатии на li class="contact".К примеру ,если мы нажимаем на 1 li class="contact"(там ,где Андрей Пупкин) ,то нужно вывести Андрей Пупкин. Или нажимаем на 2 li class="contact"(там ,где Мария),то нужно вывести Мария,и тд.
Вот немного кода на jq

Javascript

$('.contact').click(function() {
    // alert($('.contact').val())  тут я пытался,но безуспешно
 
});

Даже не представляю как это можно сделать

@diadiavova · 15.10.2018, 20:27

Сообщение от Stepashka20

Вот немного кода на jq

Раздел же я для жквери. А вообще как-то так

Javascript

1
2
3

   $(".contact").click(function () {
       alert($(this).find(".name").text());
   })

@amr-now · 15.10.2018, 20:49

Без jQuery навесим обработчики на каждый li с контактом:

Javascript

        let contacts = document.getElementsByClassName("contact");
        for (let i = 0; i < contacts.length; ++i) {
            contacts[i].addEventListener("click", handler);
        }
        function handler(e) {
            alert(this.getElementsByClassName("name")[0].innerText);
        }

	15.10.2018, 20:49

Взять определённый текст из определённого div-а

Решение