javascript - 在此示例中，多重选择是如何工作的？

Question

相关的 HTML 片段:

<span class="a">
<div class="fieldname">Question 1</div>
<input type="text" value="" name="q1" />
</span>

相关的jQuery:

$.each($('.a'), function(){
$thisField = $('.fieldname', $(this));
});

到底是什么被设置为 $thisField ？如果我对 jQuery 中的多个选择器的理解是正确的，它应该是抓取外部的 <span>。元素和内部 <div>元素。但出于某种原因，如果我使用 $thisField.prepend("hi");它最终把 hi就在正文之前 Question 1 , 但不在 <div> 之前.我认为多个选择器会捕获这两个元素，并且 prepend()添加 hi到两个元素的开头，而不仅仅是 <div>

Answer 1

您使用的调用约定不是“多重选择器”，它实际上是在上下文 ( $(this) ) 中搜索选择器 ( '.fieldname' )。 See docs .

您可以这样做以获得 <div>和 <span> :

$(this).find('.fieldname').andSelf().prepend('hi');