Как получить значение clicked <span>из нескольких промежутков внутри нескольких div'ов при использовании библиотеки turn. js

Question

Как получить значение clicked из нескольких диапазонов внутри нескольких div. Я сделал это, это работает, только если я не применяю терн. js библиотека, иначе это не работает. html у меня есть

<div class="col-md-6">
  <div class="conversation">
    <div class="conversation-container  myconvo12">
      <div class="message received">
        <span class="name2">Imran Shah</span><br/><span id="18008"> net shta ? </span>
        <span class="metadata"><span class="time"> 12:35</span></span>
      </div>
      <div class="message sent"> <span class="name">Atif</span><br><span id="18009"> Ao </span>
        <span class="metadata"><span class="time"> 12:35</span></span>
      </div>
      <div class="message received">
        <span class="name2">Imran Shah</span><br><span id="18010"> ok </span>
        <span class="metadata"><span class="time"> 12:36</span></span>
      </div>
      <div class="message received">
        <span class="name2">Imran Shah</span><br><span id="18028"> Halaka da kam ze ye ? </span>
        <span class="metadata"><span class="time"> 14:40</span></span>
      </div>
    </div>
  </div>
</div>

$(document).on('click', 'span', function ({
            var val = $(this).text()
          console.log(val)
        });

Answer 1

[Публикация в качестве ответа, потому что комментарий не будет четким / слишком коротким]

Есть проблемы с отправленным вами примером кода, и в целом неясно, где ошибки l ie как может быть несколько.

Например, в коде, который вы опубликовали в качестве прослушиваемого события клика, вы ссылаетесь на #msgid, которого нет в вашем примере html, и this.id выглядит так, как будто должно быть $ (this) .id, но это неясно в контексте вашего вопроса, а также #msg не присутствует в вашем примере, и я не могу понять, почему вы хотели бы обратиться к event.taret там.

$(document).on('click', 'span', function ({
            $('#msgid').val(this.id);
            $('#msg').val($(event.target).
        });

Я рекомендую вам просмотреть и отредактировать свой вопрос и сделать его более понятным, что вы пытаетесь сделать и какие проблемы вы испытываете.

Answer 2

попробуйте это

$('.message span').click(function(){
  var val = $(this).text()
  console.log(val)
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="col-md-6">
  <div class="conversation">
    <div class="conversation-container  myconvo12">
      <div class="message received">
        <span class="name2">Imran Shah</span><br/><span id="18008"> net shta ? </span>
        <span class="metadata"><span class="time"> 12:35</span></span>
      </div>
      <div class="message sent"> <span class="name">Atif</span><br><span id="18009"> Ao </span>
        <span class="metadata"><span class="time"> 12:35</span></span>
      </div>
      <div class="message received">
        <span class="name2">Imran Shah</span><br><span id="18010"> ok </span>
        <span class="metadata"><span class="time"> 12:36</span></span>
      </div>
      <div class="message received">
        <span class="name2">Imran Shah</span><br><span id="18028"> Halaka da kam ze ye ? </span>
        <span class="metadata"><span class="time"> 14:40</span></span>
      </div>
    </div>
  </div>
</div>