Javascript 如何使用jQuery单击和选项并使其填充字段

我使用以下代码让jQuery处理选项的点击并将该值放入字段中。 除了我在标签中的部分，代码是有效的。 我不明白为什么粗体标记中的部分在单击时没有做任何事情，而后面的文本却做了

以下是HTML：

<div id="result" style="display: block;">
 <div class="show" align="left">
  <b>This text doesn't work when clicked</b> 
  This text works when clicked
 <span class="name" align="left">113096G</span>
</div>

可能有更简单的方法来实现这一点

var $name = $clicked.parent().find('.name').html();

find（）：Description:获取当前元素集中每个元素的子元素 匹配的元素，由选择器、jQuery对象或元素筛选

因此，该方法将在

中查找类名为

name

的元素。。当然它找不到任何东西，因为在本例中，类名为

name

的元素是

同级的
，而不是
子级的
。您会注意到，如果添加
.parent（）


首先，jquery.live已被弃用。您应该使用jquery.on。代码不起作用的原因是，当您单击b元素时，e.target与div#result关联，而不是div#result。当你打电话时：

$clicked.find('.name').html();

它找不到span.name，因为该元素没有该类的子元素。当你点击时也会发生同样的情况。取而代之的是

$clicked.parent('#result').find('.name').html();

这应该可以满足您的需要。
在html中，div具有
result
的id
，但在jQuery中，您编写的
#results
几乎所有代码都不推荐使用。谢谢：这只是一个输入错误，因为我正在简化这里发布的代码，现在有意义了：谢谢演示！
$clicked.find('.name').html();

$clicked.parent('#result').find('.name').html();