jquery selector, чтобы получить значение элемента, когда у вас есть элемент рядом?

Question

У меня есть фрагмент кода html. В java-скрипте у меня есть элемент html с идентификатором <input id = "Test[0]name">. Теперь мне нужно получить значение следующего выбора элемента, идентификатор заканчивается с адресом

<div> 
    <div> 
     <div> 
      <div> 
       <input id="Test[0]name"> 
      </div> 
     <div> 
    </div> 
    <div> 
     <div> 
      <input> 
      ....... 
      <select id="Test[0]address"> 
      <label> 
     </div> 
    </div> 
    <div></div> 
</div> 

Я попытался ниже

$(element).parent().parent().parent().siblings()[2].find("[[id$=address]]") 

Answer 1

Как идентификаторы уникальны, так что это должно быть:

$('#Test\\[0\\]address') 

или вместо siblings() вы должны использовать .next():

$(element).parent().parent().parent().next().find("[id$=address]") 

---

Если вы можете обновить разметку немного, я хотел бы предложить вам использовать имя класса на этом элементе $(element).parent().parent().parent():

<div> 
    <div class='holder'> 
     <div> 
      <div> 
       <input id="Test[0]name"> 
      </div> 
     <div> 
    </div> 
    <div class='holder'> 
     <div> 
      <input> 
      ....... 
      <select id="Test[0]address"> 
      <label> 
     </div> 
    </div> 
    <div class='holder'></div> 
</div> 

Затем вы можете изменить это:

$(element).closest('.holder').next().find("[id$=address]");