javascript - 为什么 .next() 返回事件对象本身

Question

我一直在研究 select 的 onchagne 事件处理程序，它检查它旁边的 block 中是否有另一个 select ，并相应地插入一个新的 select 元素或更新现有的元素。我已经找到了如何检查是否存在其他选择，即使用 next.().is('slecect')，但是我想知道为什么 .next() 函数单独使用时会在以下代码中返回事件对象本身:

<form name="form" action="" method="post">
    <select name="Category" title="Select Category">
        <option value="1">option 1</option>
        <option value="2">option 2</option>
    </select>
</form>


$('select').change(function(e){
    var $target = $(e.target);
    console.log($target.next('select'));        
});

检查fiddle

Answer 1

I'm wondering why the .next() function when used on its own returns the event's object itself in the following code

它不返回事件对象，而是返回 jQuery 对象。该 jQuery 对象要么包含一个 select 元素，要么为空，具体取决于以下同级元素是否为 select 元素。您可以通过查看长度来判断:

console.log($target.next('select').length);

...这将是 0 (没有“下一个”[紧随同级]元素，或者它不是 select)或 1 (有，而且确实如此)。