JQuery에서 다른 요소에 근접한 요소 찾기

Question

<asp:GridView ID="GridView1"> 
    <Columns> 
    <asp:TemplateField> 
     <ItemTemplate> 
      <asp:DropDownList></asp:DropDownList> 
      <input type="tel" id="contract"> 
     </ItemTemplate> 
    </asp:TemplateField> 
    <asp:TemplateField> 
     <ItemTemplate> 
      <asp:Label><asp:Label> 
      <asp:Label><asp:Label> 
     </ItemTemplate> 
    </asp:TemplateField> 
    <asp:TemplateField> 
     <ItemTemplate> 
      <input type="tel" id="Hours"> 
     </ItemTemplate> 
    </asp:TemplateField> 
    </Columns> 
</asp:GridView> 

GridView에서 템플릿 필드의 유효성을 검사하는 빠른 방법으로 JQuery를 사용하려고합니다. 예를 들어, 내 DropDownList의 SelectedValue가 RENT READY이면 Hours 입력을 비워 두어서는 안됩니다. 그래서 JQuery를 사용하여 모든 시간의 카운트를 얻고 RENT READY의 값으로 select에 한정 할 수 있습니다. 해당 시간 입력 = 비어 있습니다.

$("#GridView1 select[value=RENT READY]").next("input[type=tel value='']) 

$("#GridView1 select[value=RENT READY]").find("input[type=tel]").eq(1) 

및

$("#GridView1 select[value=RENT READY]").next("input[type=tel]").next("input[type=tel]") 

및

을하지만 항상 정의되지 않은 반환 : 나는 시도했습니다. 선택 작품은 잘 작동합니다. RENT READY 값으로 선택 항목을 찾는 데는 문제가 없습니다. 두 번째 작품인데 두 번째 부분에서는 입력 값이 상대적으로 낮은 2 개의 문과 함께 작동하지 않는 공백 값으로 선택 항목을 좁히려고합니다.

편집 : 최종 코드

$('#GridView1 select').filter(function() { 
      return ($(this).val() == 'RENT READY'); 
     }).closest('tr').find('input[type=tel]').filter(function() { 
      return ($(this).val() == "" && $(this).attr("id") == "Hours"); 
     }).length 

Answer 1

내가 그 값 "임대 READY"와 드롭 다운을 선택하는 올바른 방법이라고 생각하지 않습니다. 당신은 아래처럼해야

,

$('#GridView1 select').filter(function() { 
    return ($(this).val() == 'RENT READY'); 
}) 

는 tel 가장 가까운 tr 찾을 얻으려면하고 찾을 수 있습니까 ... 또는 당신이 선택 부모에 .next .next 할 수 있습니다.

$('#GridView1 select').filter(function() { 
    return ($(this).val() == 'RENT READY'); 
}).closest('tr').find('input[type=tel]') 

Answer 2

선택 내에서 선택한 옵션을 가져와야합니다. 이 같은 : 찾을 수없는 경우 또는> 0가 발견되면 마지막에 .size()를 추가

$('#GridView1 select#GridViewStatus option[value="RENT READY"]:selected"').closest('input[type="tel"]')

당신에게 공을 줄 것이다.