IDを持つ兄弟を取得

Question

だから私は、次の構造を持っている：

<div id="some id"> 
    <div> 
      <input id="some other id" ....> 
      .....bunch of other inputs with no id field.... 
      <select onclick="findSiblingWithId()">    
    </div> 
    <div> 
      <input id="some other id" ....> 
      .....bunch of other inputs with no id field.... 
      <select onclick="findSiblingWithId()">    
    </div> 
    <div> 
      <input id="some other id" ....> 
      .....bunch of other inputs with no id field.... 
      <select onclick="findSiblingWithId()">    
    </div> 

は、だから私のfindSiblingWithIdに私は私が探しているIDを知らないが、私が知っているすべてがあるという点で、他のコンポーネントについて同じdivには、IDが1つしかありません。どうすれば入手できますか？

編集： 私は十分に説明しなかったようですので、私はもっと情報を追加しようとします。例えば、selectコンポーネントが変更されたとき（ここではボタンや何か、それは問題ではありません）、同じdivから対応する<input id="some other id" ..>を取得したいとします。

私は上記の説明をしようとしましたが、<div id="some id">という1つの巨大なdivがあります。これには、IDなしの<div>という小さな番号が含まれています。

これらのより小さいdivのそれぞれは、IDのない入力フィールドとIDのないその他の入力フィールドを持ちます。今すぐアクションで、ボタンをクリックするかどうかは関係ありません（同じ仕事が兄弟になると思った）同じdivにあるコンポーネントから、ID属性を持つ入力を見つける方法があります？

よろしく、 はBogdan

Answer 1

あなたは親のすべての子を反復することができます：

function findSiblingWithId(element) { 
    var siblings = element.parentNode.children, 
     sibWithId = null; 
    for(var i = siblings.length; i--;) { 
     if(siblings[i].id) { 
      sibWithId = siblings[i]; 
      break; 
     } 
    } 

    if(sibWithId) [ 
     // found it 
    } 
}; 

あなたは（私はあなたが適切なselectフィールドを持っていることを望みます）クリックされた要素を渡す必要があります。

<select onclick="findSiblingWithId(this)">  

は、ユーザーが値を選択したときに、それがトリガーしたい場合は、changeイベントのイベントハンドラをアタッチすることを検討してください。

Answer 2

再帰的親DIVを反復とIDのjQueryを使用し

Answer 3

function findSiblingWithId(element) { 
var sibling = null; 

if (element.parentNode != null) { 
    sibling = element.parentNode.nextSibling; 
    // Then go through the child elements of your sibling node and get the one with an id 
} 

}

Answer 4

を有する入力を分離するためのロジックを追加します。

<!--Modify HTML so input is --> 
<select onclick="findSiblingWithId(this)"> 

findSiblingWithId(elem){ 
    return $(elem).siblings("[id]"); //if you need all 
    //return $(elem).siblings("[id]:eq(0)"); //if you need only first 
}