在鼠标单击下获取文本

Question

我有一个包含多行“免费”文本的div。

<div id="ItemQueue">&nbsp;
    <b>ADDED</b><br />
    102<br />
    103
</div>

当用户点击其中一个文本项目（如102或103）时，我需要在div中单击鼠标下方的文本。然而，我的尝试在下面，这将返回div中的所有文本，而不仅仅是鼠标下的文本。

var queue = $('#ItemQueue');
queue.click(function (e) {
    alert($(e.target).text());
});

Answer 1

我个人将它们分成段落/标题

<div id="ItemQueue">&nbsp;
    <h1 class="Clickable">ADDED</h4>
    <p class="Clickable">102</p>
    <p class="Clickable">103</p>
</div>

然后我会使用JQuery

$('.Clickable').click(function(){
   alert($(this).html());
});

Answer 2

$('#ItemQueue').contents().wrap('<span/>')

$('#ItemQueue > span').click(function () {
    alert($(this).text());
});

Answer 3

我认为最好像这样使用类：

HTML：

<div id="ItemQueue">&nbsp;
    <b class="span">ADDED</b><br />
    <span class="span">102</span><br />
    <span class="span">103</span>
</div>

<强> JQUERY：

$('.span').click(function(){
   alert($(this).html());
});