JQuery selector: select anchor tags that are descendants of a div with a specific identifier

Question

Trying to choose the anchor tags that are descendants of a div with a specific identifier, for example, #mydiv1, #mydiv2and #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");        
  });    
}

The selector $(this+" a:link")seems to choose nothing.

Does anyone have any thoughts on the correct syntax for this choice?

Answer 1

You can specify an element for the context that should work:

$("a:link", this).

It will search for anchors starting with thisnode.

Answer 2

Try $(this).find("a:link")

EDIT: additional information

$(this + "query"), . jQuery selector . 'this' , . , - : $("." + this.className + "[query]")

Answer 3

$(this).children("a:link")

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

Answer 4

, jQuery ": link". , , .

, , , "this" DOM, ​​ . , jQuery, "$ (this)" DOM .

Answer 5

Go through the div with .each () and use the child selector:

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

Same.