javascript - 访问不同 jQuery 页面中的类元素

Question

我正在使用 jQuery mobile，我有一个类似的 <li>不同页面中的类。像这样:

<div data-role="page" id="engineering">
    <h1 style="color:black;"> Departments </h1>

    <ul data-role="listview" data-theme="a" data-split-theme="b" data-split-icon="plus" data-inset="true">
    <li class="departments"><a href="#department">Department of Electrical and Electronics</a></li>
    <li class="departments"><a href="#department">Department of Computer Science</a></li>
    </ul>
</div>
<div data-role="page" id="medicine">
    <h1 style="color:black;"> Departments </h1>
    <ul data-role="listview" data-theme="a" data-split-theme="b" data-split-icon="plus" data-inset="true">
    <li class="departments"><a href="#department">Department of Medical Sciences</a></li>
    </ul>
</div>

使用$('departments').text() ，这将返回类(class)部门的所有文本。如何获取我单击的特定列表元素的文本？

Answer 1

你必须这样得到它:

$('.departments').click(function(){

$(this).text(); // this refers to current clicked element

})

FIDDLE DEMO