使用Jquery检查元素的类型

Question

我嘲笑了一些HTML来测试它：

<input type="text" id="text" />
<select id="options">
    <option>one</option>
    <option>one</option>
    <option>one</option>
    <option>one</option>
    <option>one</option>
    <option>one</option>
    <option>one</option>
    <option>one</option>
</select>

我使用以下JavaScript来提醒select标签的类型，但我一直都是假的。

var elem = $("#text");
alert(elem.after().attr('id'));

我也尝试过使用Jquery的prop()方法，但无济于事，我只想检查输入标记后面的元素是否为select标记...

Answer 1

您需要使用 .next() ，因为select是身份input的{​​{1}}的下一个兄弟：

text

您的代码无效，因为 .after() 用于

  

在参数中的每个元素之后插入由参数指定的内容   一组匹配的元素。

Answer 2

首先你必须使用next而不是after（），你还必须使用type属性检查下一个元素是否为Select，使用prop而不是attr

<强> Live Demo

alert(elem.next().prop('tagName') == 'SELECT');