訪問不同jQuery頁面中的類元素

Question

我正在使用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()，這將返回類部門的所有文本。我如何獲得我點擊的特定列表元素的文本？

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(); 

這是更好的慣例，如果u必須處理與被點擊的更復雜的操作element.So大部分時間選對ID到元素。

是否正確。這意味着獲取單擊的元素的文本，所以這將指向CLICKED元素，說「.departments」。