我如何访问内部span标签jQuery的

Question

有一个HTML结构：

  <div class="mydiv">xx 
       <span>test1</span> 
       <span>test2</span> 
       <div class="inerdiv"> 
       <span>inner span</span> 
       </div> 
       </div> 
      <span>test3</span> 

现在我想将样式应用到其中包含的“内跨越”的跨度。

$(function() { 
     $(".mydiv").click(function() { 

      $(".mydiv").next().find("span").css("border", "1px solid yellow");//not working 
     }); 
    }); 

什么应该是正确的代码？

Answer 1

替换：

$(".mydiv").next().find("span").css("border", "1px solid yellow"); 

有了：

$(".mydiv .innerdiv span").css("border", "1px solid yellow"); 

我不认为next()做什么，你认为它。

next()返回所有先前匹配元素的直接下一个兄弟。

鉴于标记：

<div class="hello">foo1</div><span>bar1</span> 
<div class="goodbye">foo2</div><span>bar2</span> 
<div class="hello">foo3</div><span>bar3</span> 

下将返回span元素包含bar1和bar3：

$("div.hello").next() 

因此，有没有办法让使用next()外div的<div class="innerdiv">，因为他们不是兄弟姐妹。

Answer 2

$(function() { 
    $(".mydiv").click(function() { 

     $(".innerdiv span", this).css("border", "1px solid yellow"); 
    }); 
}); 

Answer 3

$ (.mydiv .inerdiv span:contains('inner span')).css("border", "1px solid yellow")