Using string variables within a jquery selector

Question

I have a variable which I define by:

  if($(this).hasClass('firstName')){
        lastname = $(this)
            current='.first-name'
        }

I have to use this variable in jQuery selector. I tried the following but it doesn't work:

$('.invitePartners' + current + '[data-index]')

It should work - $('.invitePartners.first-name[data-index]'), show the whole code and exactly what are you trying to achieve. — Shaunak D
– Shaunak D, Commented Jun 18, 2015 at 10:17
That is what I have said, your var when appended/concatenated will look like above, which looks valid. — Shaunak D
– Shaunak D, Commented Jun 18, 2015 at 10:24

Manish Kumar · Accepted Answer · 2015-06-18 10:23:00Z

1

They way you are trying to do will compile as: $('.invitePartners.first-name[data-index]');

I think, you need spaces between them to find heirarchical DOM elements:

$('.invitePartners ' + current + ' [data-index]');

[Space added after '.invitePartners' and before '[data-index]'], hopefully this will resolve your problem

OR

if($(this).hasClass('firstName')){
        lastname = $(this)
            current=' .first-name ';
        }

add space on both sides of current var value.

answered Jun 18, 2015 at 10:23

Manish Kumar

1,17616 silver badges29 bronze badges

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

Comments

Arun P Johny · Accepted Answer · 2015-06-18 10:17:20Z

0

May be spaces between them as you may want descendant selector.

$('.invitePartners ' + current + ' [data-index]')

Else you will have a value like .invitePartners.first-name[data-index] which will look for an element with class invitePartners and first-name which also have an attribute data-index(something like <div class="invitePartners first-name" data-index="1"></div>)

answered Jun 18, 2015 at 10:17

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

2 Comments

Sarit Sara Over a year ago

Arun P Johny- the class of the current supposed to be a child of the .invitePartners , and a parent of [data-index]- $('.invitePartners .className [data-index]')

Arun P Johny Over a year ago

@SaritSara so use $('.invitePartners ' + current + ' [data-index]')

Collectives™ on Stack Overflow

Using string variables within a jquery selector

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related