<span> 如何在使用 turn.js 库时从多个 div 内的多个跨度获取点击的值

Question

如何从多个div内的多个范围获取点击的值。我已经做到了 它只有在我不应用轮次时才有效.js图书馆其他明智地不起作用。我有的网页

<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

试试这个

$('.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>

Answer 2

[作为答案发布，因为评论不清楚/太短]

您发布的示例代码存在问题，总体而言，不清楚错误在哪里，因为可能有一些。

例如，在您作为点击事件侦听时发布的代码中，您引用了 #msgid，它不在您的示例 html 中，this.id 看起来它应该是 $(this(.id，但在您的问题的上下文中不清楚，而且您的示例中不存在 #msg，我不明白您为什么要在那里引用 event.taret。

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

我建议您查看和编辑您的问题，并使其更清楚地表明您要做什么以及您遇到的问题。