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

accessing a class element in different jQuery page

本文关键字：访问 元素 jQuery      更新时间：2023-09-26

我使用jQuery移动，我有一个类似的<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()，这将返回类departments的所有文本。我怎样才能得到我点击的特定列表元素的文本?

你必须这样做:

$('.departments').click(function(){
$(this).text(); // this refers to current clicked element
})
<<p> 小提琴演示/strong>

use

inside click event for .department class:

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

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

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

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

如果你必须处理更复杂的click元素操作，这是一个更好的约定。所以大多数情况下，选择ID到元素。

是当前的。它的意思是获取被点击的元素的文本，因此THIS将指向被点击的元素，例如"。departments"。

相关文章：