在不同的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() ，这将返回类部门的所有文本。 如何获取我单击的特定列表元素的文本？

Answer 1

您必须以这种方式获取它：

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

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

})

现场演示

Answer 2

采用

.department类的内部点击事件：

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

获取被点击的当前元素的文本。

如果您有id，那么您可以使用

$(this).attr("id").text();

如果您必须使用Clicked元素处理更复杂的操作，这是更好的约定。因此，大多数情况下，选择ID到元素。

是科伦特。 这意味着获取要单击的元素的文本，这样它将指向CLICKED元素，例如“ .departments”。