代码之家 › 专栏 › 技术社区 › axsuul

确定在HTML/DOM中哪个元素排在第一位?

jquery

axsuul · 技术社区 · 15 年前

input 或 select

<body>
    <input type="text" />
    <select><option>Test</option></select>
<body>

输入 排名第一

<body>
    <select><option>Test</option></select>
    <input type="text" />
<body>

在这种情况下, 选择 第一位。使用jQuery有什么方法可以做到这一点吗?谢谢

编辑:只是澄清一下,我不想要第一个元素,我只想知道在输入和选择元素之间,哪个是第一个。在那之前可能还有其他因素 选择 输入 元素。

3 回复 | 直到 15 年前

Community Mohan Dere 6 年前

index . $('select:first').index() < $('input:first').index() select 是第一个

user113716 15 年前

如果您只想知道在整个文档中哪个是第一位的,您可以这样做:

http://jsfiddle.net/85zUZ/ 更改顺序,然后单击顶部的“运行”。

var theFirst = $('input,select').first()[0].tagName;

alert( theFirst );

jQuery按元素在DOM中出现的顺序返回元素,因此 .first() 将按外观顺序抢先一个。

Nick Craver 15 年前

如果你想要非常中的第一个元素 <body> ,您可以使用 :first-child 这样地:

$("body > :first-child")

例如,在第一个示例中:

alert($("body > :first-child")[0].nodeName);â //alerts "INPUT"

或者要获取第一个输入类型,可以执行以下操作:

$(":input:first")

例如:

alert($(":input:first")[0].nodeName);â //alerts "INPUT"

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Dr.0000FF · jQuery按钮点击不显示/隐藏内容

1 年前

user28928120 · 如何在jquery中选择所有类?

1 年前

LauraNMS · 如何使用Waypoints js实现粘性元素和偏移量

1 年前

Eliable · 使点击计数器和进度条协同工作

1 年前

mlri · 从不同的onclick事件执行相同的javascript函数

1 年前

Cymro · 如何将jquery$(this)与$(document).keyup一起使用

1 年前

Jack Maessen · 在处理程序上使用时如何获取输入类型

1 年前

BlueDogRanch · 使用jQuery Datepicker和dateFormat、altFormat和altField以及$(this)

1 年前

Jameel · Jquery:未捕获SyntaxError:在参数列表后的“Node”上执行“appendChild”失败:缺失)

1 年前