Selector Not working

Question

In jQuery, I made a complex selector but it's not working. Could someone tell me what I'm doing wrong?

$("#gig:nth-child('3'):contains(:not('a'))")

Thanks!

Answer 1

If you're trying to select an element whose text doesn't contain the letter a, you'll want to switch the positions of :contains() and :not() as :contains() isn't supposed to contain another selector. Try this:

$("#gig:nth-child(3):not(:contains('a'))")

If you meant an a element rather than the letter a, use :has() :

$("#gig:nth-child(3):not(:has(a))")

Answer 2

:contains('a') matches elements containing the letter a in its text. If you're looking for elements without a child <a> link

$("#gig:nth-child(3):not(:has(a))")

Answer 3

nth-child接受整数而不是字符串。

$("#gig:nth-child(3)")