javascript - IDで最も近い要素を取得する

Question

私には2つの要素があります：

<input a>
<input b onclick="...">

bをクリックすると、aにアクセスしてそのデータの一部を操作したいと思います。Aにはグローバルに一意の名前がないため、document.getElementsByName外に出ています。event.target.parentNodeイベントオブジェクトを調べてみると、のような機能があると思いgetElementsByNameましたが、<td>の場合はそうではないようです。これを行う簡単な方法はありますか？

score 5 · Accepted Answer

aとbが隣り合っていて、同じ親を持っている場合は、のプロパティを使用してをprevSibling見つけるbことができますa。

score 2 · Accepted Answer

イベントオブジェクトからクリックされた要素を見つけることができるはずです。ブラウザに応じて、e.targetまたはが必要になる場合がありますe.srcElement。以下のコードは、このw3schoolsの例からのものです。

function whichElement(e) {
  var targ;
  if (!e) var e = window.event;
  if (e.target) {
    targ=e.target;
  } else if (e.srcElement) {
    targ = e.srcElement;
  }

  if (targ.nodeType==3) { // defeat Safari bug 
    targ = targ.parentNode;
  }

  var tname;
  tname = targ.tagName;
  alert("You clicked on a " + tname + " element.");
}

nextSibling次に、およびprevSiblingDOMトラバーサル関数を使用できます。ここにいくつかの詳細情報。また、XMLDOMノードのw3schoolsリファレンスもあります。

score 1 · Accepted Answer

Prototypeには、DOM 内を移動するための優れた関数もあります。あなたの例では、次のようなものがうまくいきます：

b.up().down('a')

そのレベルに複数の a 要素がある場合は、必要な要素を正確に指定するための CSS セレクターを使用できます。

score 0 · Accepted Answer

プレーンなバニラJavaScriptを残します。JQueryを入手してください-それはあなたにたくさんの時間を節約します。

http://docs.jquery.com/Selectors

javascript - IDで最も近い要素を取得する

4 に答える 4

Related

Reference