Bu jquery seçici neden çalışmıyor?

Question

İstemciden bir sayfayı düzeltmek için bir görevim var ve jQuery soyundan gelen seçicinin beklendiği gibi davranmadığını buldum.

console.debug($("#mssysform8217 :input[name='email']").val()); 

test@gmail.com

:

<form action="http://submit.url/subscribe.php" method="post" enctype="multipart/form-data" id="mssysform8217" class="mssysform" > 
<div id="mssys-formcontainer"> 
    <div class="formfields"> 
     <table style="width: 100%"> 
     <div class="formfield-item" id="formfield-item-email"> 
      <tr> 
      <td class="style1"><label >E-mail címe</label></td> 
      <td> 
       <input type="text" name="email" value=""> 
       <div class="error-container">Please fill in this field!</div> 
       <div style="clear: both;"></div> 
      </td> 
      </tr> 
     </div> 
     </table> 
    </div> 
</div> 
</form> 

Ben FireFox ile hata ayıklamak için çalıştı:

• bu çalıştı İşte

  HTML bir excrept olduğunu

• bu çalıştı olmadı:

  console.debug($("#mssysform8217 #formfield-item-email :input[name='email']").val()); 
  

  tanımsız

• ama:

  console.debug($("#mssysform8217 #formfield-item-email")); 
  

  [div # FormField maddelik-email.formfield-öğeyi]

sorun Gönderme komut dosyası bir üçüncü taraf uygulaması tarafından oluşturulduğu ve 3 seviyeli alt öğe seçicisini kullanmak istemesidir.

Answer 1

Kullanmaya çalıştığınız jQuery seçici, HTML geçersiz olduğundan çalışmayacaktır.

<table style="width: 100%"> 
     <div class="formfield-item" id="formfield-item-email"> 
      <tr> 

Bu geçerli bir HTML değildir. Bir hücrenin dışındaki bir tablonun ortasına bir div (veya <thead>, <tfoot>, <tbody>, <tr>'dan başka herhangi bir öğe) yerleştirmek geçerli değildir.

<div> 
    <table> 
    <tr><td></td></tr> 
    </table> 
</div> 

Ya da bu geçerlidir:

Bu geçerli bir yan not

<table> 
    <tr><td><div></div></td></tr> 
</table> 

---

: Sen formunu biçimlendirmek için tablo kullanıyorsanız . Tablolar, tablo verileri içindir. Kitabımda düzen için tablo kullanmak kötü bir fikirdir. HTML öğeleri için uygun semantik kullanın (tablolar = tablo verileri, li = listeler, div = sayfa bölümleri, vb ...).