select element in JQuery

Question

Hi would you please help how can i extract "Men" text in this case?

<div class="comwebstore-LeftNavBrowse-2">
    <ul class="linkList browseLadder">
       <li>
           <a href="example.com"> Men </a>
       </li>
       <ul class="linkList browseLadder">
         <li>
            <a href="example.com"> Full Logo T-Shirt </a>
         </li>
         <li>
            <a href="example.com"> Short Logo T-Shirt </a>
         </li>
         <li>
            <a href="example.com"> Grey Hoodie 1 Full Logo </a>
         </li>
         <li>
           <a href="example.com"> Grey Hoodie 2 Short Logo </a>
         </li>
         <li>
            <a href="example.com"> Women </a>
         </li>
         <li>
            <a href="example.com"> Accessories </a>
         </li>
       </ul>
     </ul>
  </div>
</div>

I have tried

jQuery('#mainContentWrapper #leftColumn #A #A-1 .com-amazon-webstore-LeftNavBrowse-2 > :first-child a').text();

but without succeed. Thanks

By what criteria? Will it always be the first item?

Mitya
– Mitya

2012-07-30 11:53:36 +00:00
Commented Jul 30, 2012 at 11:53 — Mitya
– Mitya, Commented Jul 30, 2012 at 11:53

Alex Ball · Accepted Answer · 2012-07-30 11:51:44Z

1

From your html:

alert($('.linkList > li:first a').text());

answered Jul 30, 2012 at 11:51

Alex Ball

4,4842 gold badges20 silver badges23 bronze badges

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

2 Comments

thelinh bui Over a year ago

that's shows both Men and "Full Logo T-shirt". it should only shows "Men". THanks

Alex Ball Over a year ago

@thelinhbui try: $('.comwebstore-LeftNavBrowse-2 ul:first > li:first a').text()

Vinayak Phal · Accepted Answer · 2012-07-30 11:57:05Z

0

Check your selector...<div class="comwebstore-LeftNavBrowse-2"> You have comwebstore-LeftNavBrowse-2 class and you're using .com-amazon-webstore-LeftNavBrowse-2

Please dont use such a long selectors. This will reduce your selectors performance and it looks ugly. Just check what Alex Ball has suggested.

jQuery('#mainContentWrapper #leftColumn #A #A-1 .comwebstore-LeftNavBrowse-2 > :first-child a').text();

answered Jul 30, 2012 at 11:57

Vinayak Phal

8,9194 gold badges35 silver badges53 bronze badges

Collectives™ on Stack Overflow

select element in JQuery

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related