Jquery 脚本被视为跨度

Question

我对 jquery 选择器有一个奇怪的问题，实际上它正在将脚本视为跨度，因为以下代码不起作用:

<span id="sp1">
    <script></script>
    <span>1</span>
    <span>2</span>
</span> 

我的选择器代码是:

<script> 
    if(typeof jQuery != 'undefined'){
        $j =jQuery.noConflict();
    }
    $j(function() {             
        alert($j("#sp1 span:nth-child(1)").text());
        alert($j("#sp1 span:nth-child(2)").text());
    });
</script>

但它返回脚本作为第一个跨度，但我无法修改代码以获取第二个和第三个子元素，因为上面的示例代码在循环中复制，并且在代码的其他部分中，有跨度中没有脚本。我怎样才能在没有循环但只有正确的选择器的情况下实现这一点？

Answer 1

您看到的输出是预期的输出，因为无论元素性质如何，:nth-child() 都会选择第 n 个子元素。因此，在这种情况下，您应该使用 :nth-of-type()

尝试，

 alert($j("#sp1 span:nth-of-type(1)").text());
 alert($j("#sp1 span:nth-of-type(2)").text());

DEMO