获取第二个孩子的内部文字价值

Question

我在使用

的门户产品中具有以下代码

<label class ="control-label" for="Classification">
    <span>Classification</span>
    <span> (Required)</span>

我需要以某种方式获取第二个孩子的文本内容(即在这种情况下(需要(。我可以在没有问题的情况下选择父元素var req = $('label [for ="分类"'(，但无法弄清楚如何选择所需的孩子并获得其内容，因为我只需要在第二个孩子为空时运行某些代码((

Answer 1

您可以使用基于零的eq方法来完成此操作：

var $secondSpan = $('label[for="Classification"] > span').eq(1);
$secondSpan.css('background-color','green')

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label class ="control-label" for="Classification">
    <span>Classification</span>
    <span> (Required)</span>
</label>

或使用:eq选择器，如果您喜欢

var $secondSpan = $('label[for="Classification"] > span:eq(1)');
$secondSpan.css('background-color','green')

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label class ="control-label" for="Classification">
    <span>Classification</span>
    <span> (Required)</span>
</label>

值得注意的是，还有一个:empty选择器：

var $secondSpan = $('label[for="Classification"] > span:eq(1)');
var isEmpty = $secondSpan.is(":empty");
console.log(isEmpty)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label class ="control-label" for="Classification">
    <span>Classification</span>
    <span> (Required)</span>
</label>