javascript - 将内部 div 文本传递给函数

Question

我的目标是，当用户单击具有特定数据条目的行时，他们将获得有关它的更多信息。到目前为止，我的逻辑是让用户单击该行，然后有一个传递 innerHTML 参数的函数，然后由另一个检索附加信息的函数处理。所以如果有一个像这样的列表:

John Doe

Jane Doe

Joe Blow

我认为当用户单击他们的名字时，他们单击的任何内容(例如“John Doe”)的 innerHTML 字符串将以某种方式传递给 getInformation(fullName)，其中 fullName 将是“John Doe”。

这是我的 HTML:

<div class='row' onclick=alert((this).innerHTML)>
    <div class='label'>
         John Doe
     </div>
</div>
<div class='listSeparator'></div>

问题是我不太确定如何实现它。上面的 (this).innerHTML 显然不起作用，因为它只会返回 "<div id ='labeled' class='label'>John Doe</div>" .有什么办法可以完成我想做的事情吗？或者我什至以正确的 Angular 接近这个？

感谢您提供任何信息!

Answer 1

您想从.label DIV 中读出全名吗？ 这应该是您想要的(纯 JS，不需要 jQuery):

<div class='row' onclick="alert((this).children[0].innerHTML)">

http://jsfiddle.net/WuA9R/1/