Cara mendapatkan semua input turunan dari elemen div (jQuery)

HTML:

<div id="panel">
  <table>
    <tr>
       <td><input id="Search_NazovProjektu" type="text" value="" /></td>
    </tr>
    <tr>
       <td><input id="Search_Popis" type="text" value="" /></td>
    </tr>
  </table>
</div>

Saya perlu memilih semua input dalam div tertentu.

Ini tidak berfungsi:

var i = $("#panel > :input");

Gunakan tanpa lebih dari:

$("#panel :input");

The >berarti hanya langsung anak-anak dari elemen, jika Anda ingin semua anak-anak tidak peduli kedalaman hanya menggunakan spasi.

Kamu butuh

var i = $("#panel input"); 

atau , tergantung pada apa yang Anda inginkan (lihat di bawah)

var i = $("#panel :input"); 

yang >akan membatasi untuk anak-anak, Anda ingin semua keturunan.

EDIT: Seperti yang ditunjukkan Nick, ada perbedaan tipis antara $("#panel input")dan $("#panel :input).

Yang pertama hanya akan mengambil elemen input tipe, yaitu <input type="...">, tetapi tidak <textarea>, <button>dan <select>elemen. Terima kasih Nick, tidak tahu ini sendiri dan memperbaiki posting saya. Meninggalkan kedua opsi, karena saya kira OP tidak menyadarinya dan -teknis- meminta input ... :-)

Metode 'temukan' dapat digunakan untuk mendapatkan semua input anak dari sebuah wadah yang telah di-cache untuk menyimpannya dengan mencari lagi (sedangkan metode 'anak-anak' hanya akan mendapatkan anak-anak langsung). misalnya

var panel= $("#panel");
var inputs = panel.find("input");

Jika Anda menggunakan kerangka kerja seperti Ruby on Rails atau Spring MVC Anda mungkin perlu menggunakan divs dengan kawat gigi persegi atau karakter lainnya, yang tidak diperbolehkan dapat Anda gunakan document.getElementByIddan solusi ini masih berfungsi jika Anda memiliki beberapa input dengan tipe yang sama.

var div = document.getElementById(divID);
$(div).find('input:text, input:password, input:file, select, textarea')
        .each(function() {
            $(this).val('');
        });
$(div).find('input:radio, input:checkbox').each(function() {
    $(this).removeAttr('checked');
    $(this).removeAttr('selected');
});

Contoh ini menunjukkan cara menghapus input, untuk contoh Anda, Anda harus mengubahnya.

var i = $("#panel input");

harus bekerja :-)

> hanya akan menjemput anak-anak langsung, tidak ada anak-anak anak
- anak : adalah untuk menggunakan kelas semu, misalnya. : arahkan, dll.

Anda dapat membaca tentang penyeleksi css yang tersedia dari kelas semu di sini: http://docs.jquery.com/DOM/Traversing/Selectors#CSS_Selectors

inilah pendekatan saya:

Anda bisa menggunakannya di acara lain.

var id;
$("#panel :input").each(function(e){	
  id = this.id;
  // show id 
  console.log("#"+id);
  // show input value 
  console.log(this.value);
  // disable input if you want
  //$("#"+id).prop('disabled', true);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="panel">
  <table>
    <tr>
       <td><input id="Search_NazovProjektu" type="text" value="Naz Val" /></td>
    </tr>
    <tr>
       <td><input id="Search_Popis" type="text" value="Po Val" /></td>
    </tr>
  </table>
</div>