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

})

FIDDLE DEMO

Answer 2

使用

.department类的内部点击事件：

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

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

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

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

如果你不得不用Clicked元素处理更复杂的操作，这是更好的约定。所以大多数时候选择ID to element。

是正确的。这意味着获取被点击的元素的文本，这样这将指向CLICKED元素，说＆＃34; .departments＆＃34;

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

2 个答案: