<span>使用 turn.js 庫時，</span>如何<span>從多個 div 內的多個跨度中</span>獲取單擊的值

Question

如何從多個 div 內的多個跨度中獲取單擊的值。 我已經這樣做了它只有在我不應用 turn.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

試試這個

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

我建議您查看和編輯您的問題，並讓您更清楚地了解您正在嘗試做什么以及您遇到什么問題。