accessing a class element in different jQuery page

Question

I am using jQuery mobile and I have a similar <li> class in different pages. Like this:

<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>

Using $('departments').text(), this returns all of the text of the class departments. How can i get text of the specific list element that i click?

Ehsan Sajjad · Accepted Answer · 2014-07-22 15:57:31Z

3

you have to get it this way:

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

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

})

FIDDLE DEMO

answered Jul 22, 2014 at 15:57

Ehsan Sajjad

62.6k16 gold badges113 silver badges171 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Pratik Joshi · Accepted Answer · 2014-07-22 16:07:57Z

0

use

inside click event for .department class:

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

to get text of Current element which got clicked.

If u had id , then u could use

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

This is better convention , if u have to deal with more complex operations with Clicked element.So most of the time Opt for ID to element.

Is corrent . It means Take text of element which Got clicked so THIS will point to CLICKED element ,say ".departments" .

answered Jul 22, 2014 at 16:07

Pratik Joshi

11.7k7 gold badges44 silver badges73 bronze badges

Collectives™ on Stack Overflow

accessing a class element in different jQuery page

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related