javascript - jquery从列表的点击事件中获取某个字段的值

Question

目前我有这样的东西

  <ul class="patient-class" id="patientSelection">
            <li>          
                <label for="plist">        
                    <div class="patient-details"><span class="pheading">Foo</span><span class="page"><a href="SomeLink">14 years</a></span>
                    </div>
                </label>
            </li>
  </ul>

现在我有一个 jquery 函数，它告诉我点击了哪个 li 项目

<script>
        $("#patientSelection li").click(function() {
          alert('Clicked list.'+$(this).value);
         });
</script>

现在我的问题是如何提醒出 14 年的链接。这是SomeLink。本质上我只是想捕获链接的文本？

Answer 1

您可以使用.find()要获取 anchor 元素，您可以获取 .text()

$("#patientSelection li").click(function() {
  console.log($(this).find('.page a').text());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="patient-class" id="patientSelection">
    <li>
        <label for="plist">        
    		<div class="patient-details">
      			<span class="pheading">Foo</span>
        		<span class="page"><a href="SomeLink">14 years</a></span>
          </div>
         </label>
    </li>
</ul>