Определите, какой элемент на первом месте находится в HTML/DOM?

Мне нужно определить, какой элемент будет первым в моей разметке, например input или select. НапримерОпределите, какой элемент на первом месте находится в HTML/DOM?

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

В этом случае input приходит первым в DOM, тогда как

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

в этом случае select приходит первым. Любой способ сделать это с помощью jQuery? Спасибо

EDIT: Просто для уточнения, я не хочу самого первого элемента, я ТОЛЬКО хочу знать, если между входом и элементом выбора, который на первом месте. Могут существовать другие элементы перед элементами select и input.

источник

2010-08-25 axsuul

Использование index. если $('select:first').index() < $('input:first').index() то select является первым

Смотрите образец здесь: http://jsfiddle.net/ZLmMB/

источник

2010-08-25 23:46:49 Adam

Спасибо, это было именно то, что я искал – axsuul

Это будет работать до тех пор, пока первые 'select' и' input' являются братьями и сестрами. Если нет, '.index()' не будет надежным индикатором. – user113716

@ user113716 действительно смотрите в этом примере: http://jsfiddle.net/ZLmMB/2/ – Shawn

Если вы хотите очень первый элемент в <body>, вы можете использовать :first-child так:

$("body > :first-child")

Например ваш в первом примере:

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

You can give it a try here

Или, чтобы получить первый тип входа, вы можете сделать это:

$(":input:first")

, например:

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

You can try that version here

источник

2010-08-25 23:44:17

Мне не нужен самый первый элемент, я хочу знать, находится ли между элементом ввода и выбора, который наступает первым – axsuul

@Axsuul - Обновлено, чтобы смотреть только на элементы типа ввода :) –

@Gert - любой * первый ребенок на любом уровне, поэтому он выбирает множество элементов :) –

Если вы просто хотите знать, который приходит первым во всем документе, вы можете сделать это:

Попробуйте это:http://jsfiddle.net/85zUZ/Измените заказ и нажмите «Выполнить» в верхней части окна.

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

alert(theFirst);

JQuery возвращает элементы в порядке их появления в DOM, так .first() будет захватывать первый в порядке появления.

источник

2010-08-25 23:46:53 user113716

Определите, какой элемент на первом месте находится в HTML/DOM?

ответ

Смежные вопросы