Javascript 如何在jquery中访问内部span标记

我有一个HTML结构：

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

正确的代码应该是什么？

替换：

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

与：

我不认为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>

因此，无法使用next从外部div获取，因为它们不是同级。

替换：

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

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

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

与：

我不认为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>

---

因此，无法使用next从外部div获取数据，因为它们不是同级。

Dup？杜普？同意。但是，有没有办法处理下一个问题并找到答案呢？没有特别的原因，只是想知道。同意。但是，有没有办法处理下一个问题并找到答案呢？没有特别的原因，只是想知道。

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

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

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