how i can select this element with Jquery?

Question

in the code bellow how can i select the span element with id="read-more" if iam in the anchor element with id="preface-more-btn" using $(this) (to be applied for more than one button) in jquery?

<pre>
   <div id="content">
       <p>
           <span style="font-size: 16px;"></span>
       </p>
       <span id="read-more" style="display: none;"></span>
       <div class="more active" id="preface-more">
           <a class="btn-more" id="preface-more-btn" href="#"></a>
       </div>
   </div>
</pre>

thank you for helping..

Have you searched yet? It's extremely trivial to search by ID... — BoltClock, Apr 06 '11 at 05:12

score 2 · Answer 1 · edited May 23 '17 at 12:11

2

If you're contextually within the element with id="reface-more-btn", you can select it intuitively like this:

$(this).parent().parent().find('#read-more');

If you're looking for readability, try this:

$(this).closest('#read-more');

But since the id is unique to only one element, why aren't you just using $('#read-more');?

You might be confusing class and id, as only one element can have a certain id, while many elements can share a class. Read this question for a longer explanation, as it's essential to know the differences: div class vs id.

edited May 23 '17 at 12:11

Community

1
1

answered Apr 06 '11 at 05:14

Blender

289,723
53
439
496

@Jeff: He states "to be applied for more than one button", even thought *that* is wrong. – Mikael Östberg Apr 06 '11 at 05:17
The OP might be confusing `id` and `class`. – Blender Apr 06 '11 at 05:17
if the OP already has a JQuery command that he is calling on the button maybe he just wants to chain that with what he wants to do with #read-more, so he saves a line and avoids searching the DOM – Porco Apr 06 '11 at 05:19

score 0 · Answer 2 · answered Apr 06 '11 at 05:13

0

This will always work:

$("#read-more");

answered Apr 06 '11 at 05:13

Corey Sunwold

10,194
6
51
55

score 0 · Answer 3 · answered Apr 06 '11 at 05:13

0

Given that the structure will always look like it does:

var theSpan = $(this).parent().parent().find('#read-more');

answered Apr 06 '11 at 05:13

Mikael Östberg

16,982
6
61
79

Slappy · Accepted Answer · 2011-04-06T05:24:18.420

0

var selector = $('#read-more');

It is globally unique since it is has an ID.

EDIT: Try

$(this).parent().prev();

edited Apr 06 '11 at 05:24

answered Apr 06 '11 at 05:13

Slappy

4,042
2
29
41

"to be applied for more than one button" – Mikael Östberg Apr 06 '11 at 05:16

score 0 · Answer 5 · answered Apr 06 '11 at 05:14

0

Well, selecting an element by id is quite easy.

$("#read-more")

Will do it regardless of where you are because the id's are global.

answered Apr 06 '11 at 05:14

Chris Thompson

35,167
12
80
109

"to be applied for more than one button" – Mikael Östberg Apr 06 '11 at 05:17
@Blender, I know, but that is what he is asking. But I think your answer pretty much covers that as well. – Mikael Östberg Apr 06 '11 at 05:51
I'm saddened by OP's who don't conceptually understand HTML and want to use jQuery. There should be a test that should be taken before being allowed to download the library... – Blender Apr 06 '11 at 05:53

score 0 · Answer 6 · answered Apr 06 '11 at 05:16

0

$('#read-more') will do the trick

answered Apr 06 '11 at 05:16

James Kyburz

13,775
1
32
33

how i can select this element with Jquery?

6 Answers6

Linked