[jquery] jquery를 사용하여 테이블 행 내의 모든 양식 요소를 반복하는 방법은 무엇입니까?

다음을 수행 할 수 있어야합니다.

$('#myTableRow').find('input, select, textarea').each(function()
{
});

-------------------

이 시도 -

$("table tr :input").each(function () {
    //your logic here
        //alert(this.tagName)
        }) 
        

작업 데모-http: //jsfiddle.net/ipr101/qMS7P/

-------------------

내가 제안 할게:

$('table input, table textarea, table select').each(function() { ... });

-------------------

테이블 행의 경우 다음과 같은 모든 입력을 선택할 수 있습니다.

var myInputFields = $("#myTable tr input[type='text']");

이것은 테이블 행의 깊이에 관계없이 입력 만 선택하므로 div> s, p> s 및 기타 항목이 입력> 주위에 래핑 된 행을 가질 수 있습니다.

jQuery.each 또는 간단한 for i = 0-> myInputFields.length를 사용하여 모든 입력 필드를 반복 할 수 있습니다.

myInputFields.each(function(i,v){
   var v = $(v);
      console.debug(v.html(),v.val());
      });
      

simoncereska의 답변의 예와 같이 더 많은 입력 / 텍스트 영역 등에 대한 선택기를 쉽게 확장 할 수 있습니다.

-------------------

특정 행에 입력을 원하는 경우 :

HTML

<table>
  <tr id="the_row">
      <td><input type="text" value="1"/></td>
          <td><input type="text" value="2"/></td>
            </tr>
              <tr>
                  <td><input type="text" value="3"/></td>
                      <td><input type="text" value="4"/></td>
                        </tr>
                        </table>
                        

자바 스크립트

$("#the_row :input").each(function () {
  console.log(this.value);
  });
  

(참고 : :input선택기는 모든 , 및 요소 와 일치합니다 input. )selecttextareabutton

데모 : http://jsfiddle.net/WuamV/

출처
https://stackoverflow.com/questions/7415976