javascript - DOM モデルで指定された要素の前の要素を取得する

Question

ページに要素のリストがあります

input
input
span
input
span
etc

各スパンの前に位置する各入力を選択し、必要に応じて選択したいと考えています。それを行うための利用可能な方法はありますか？

Answer 1

prev()任意のスパンの前の入力を選択するために使用します。

$(this).prev("input");

---

1つのセレクターですべてのスパンの以前のすべての入力を選択しようとしている場合は、次のことを試してください。

​$("span").prev("input");

http://jsfiddle.net/6hPRa/1/

$("span").prev("input").css("background-color", "pink");​

Answer 2

.prev（）を使用する必要があります

元 ：

$('span').prev("input")  //this is input element

Answer 3

.parent（）または.parents（'。selector'）。first（）を使用します

jQuery('.given').parent();

またはjQueryなし

var el = document.getElementById('id');
el.parentNode...

AHH、前の要素...わかりました、今あなたは答えを持っています。さらに方法があります

.siblings()

prev-prev要素が必要な場合はそうしてください

jQuery('.given').prev().prev();

Answer 4

どちらを最初にするかを定義するのは簡単ではありません。それぞれに set tabindex を使用することをお勧めします。それをセレクターとして使用すると、前のものまたは次のものをいつでも簡単に取得できます。