Как сделать событие клика по тексту JQUERY

Question

      var $tweet = $('<div class = tweet></div>');
      $tweet.text('@' + tweet.user + ': ' + tweet.message + ' ' + tweet.created_at);

Я изучаю JQuery и генерирую твиты или сообщения пользователей. Можно ли сделать событие клика по определенной строке в tweet.user? Я предполагаю, что нет, потому что это не jquery объект. Мое мышление заключается в том, что я должен создать отдельный объект $user и ссылаться на атрибут tweet.user, а затем я могу иметь событие щелчка на $user. Это правильная линия мышления? Просто ищу руководство!

Answer 1

Используйте $().html() для включения html, имеющего span с классом, затем выберите его и установите на щелчке

let tweet={
  user:'Supercool',
  message:'Hey im cool ?',
  created_at:'Just now'
}
$('.tweet')
.html(`
<span class="user">@${tweet.user} :  ${tweet.message} <br> ${tweet.created_at}</span>`
);

$('.tweet>.user').click(()=>console.log("Im clicked bro"));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<div class = tweet></div>

Answer 2

Вы можете использовать .html() и .on()

var $tweet = $('<div class="tweet"></div>');
$tweet.html('<span class="tweet-user">@' + tweet.user + '</span>: ' + tweet.message + ' ' + tweet.created_at);

...

$(document).on("click", ".tweet-user", function(){ ... })