jQuery selector

Question

Пытается выбрать метки привязки, которые являются потомками div с определенным идентификатором, скажем, #mydiv1, #mydiv2 и #mydiv3. не кажется, выбрав что-нибудь, хотя

myFunction = function() {  
    var theDivs = $("#mydiv1, #mydiv2, #mydiv3");  
    theDivs.hover(function(e){  
     $(this+" a:link").css("color","#99ccff"); 
    },function(e){ 
     $(this+" a:link").css("color","#848484");   
    });  
} 

Селектор $(this+" a:link").

Есть ли у кого-нибудь мысли о правильном синтаксисе для этого выбора?

Answer 1

Вы можете дать элемент для контекста, следующие должны работать:

$("a:link", this). 

Он будет искать якорей, начиная с this узла.

Answer 2

Попробуйте $(this).find("a:link")

EDIT: дополнительная информация

Когда $(this + "query") вы смесительные типов. Параметр select jQuery ищет либо строку запроса, либо объект. Когда «this» преобразуется в строку, он не будет действительным синтаксисом селектора. Например, вы могли бы сделать что-то вроде этого: $("." + this.className + "[query]")

Answer 3

Или попробуйте $(this).children("a:link")

http://api.jquery.com/children/

Answer 4

либо из перечисленных выше методов должны работать, но я не вижу ничего в селекторном синтаксисе JQuery о «: ссылке» быть действительным синтаксисом. Возможно, попробуйте также оставить это, если вышеупомянутые методы не сработают для вас.

И причина, по которой ваш оригинальный метод не работает, заключается в том, что «это» является элементом DOM, а не строкой в ​​вашем коде. Как уже упоминалось ранее, вы можете сделать его объектом jQuery, выполнив «$ (this)» или просто используя элемент DOM в качестве контекста поиска.

Answer 5

перебрать дивы с .each(), и использовать селектор ребенка:

myFunction = function() {  
     var theDivs = $("#mydiv1, #mydiv2, #mydiv3");  
    theDivs.each(function(){  
     $(this > 'a').css("color","#99ccff"); 
    });  
} 

Как и так.