如何以期獲得格在同級車中的jQuery

Question

我試圖訪問一個div誰擁有同級車即clazz.id一段時間，但返回的長度爲0

我有一個做了如下的jsfiddle到說明我的問題

jsFiddle

這裏是我的HTML

<div id="activity-operation" style="" class="edit-form"> 
    <form class="form1"> 
     <div class="server-error" style="display: none;"></div> 
     <fieldset> 
      <div> 
       <input id="c49_id" name="id" type="hidden" class="myClassCustom" value="1"> 
      </div> 
      <div> 
       <input id="c49_subject_id" name="subject_id" type="hidden" class="myClassCustom" value="37"> 
      </div> 
      <div> 
       <input id="c49_activityValidationType" name="activityValidationType" type="hidden" value=""> 
      </div> 
      <div class="input swField-name"> 
       <div class="inputtext"> 
        <label for="c49_name" style="float:right;">Activity Name</label> 
       </div> 
       <div class="inputcontent"> 
        <input id="c49_name" name="name" readonly="readonly" disabled="disabled" type="text"> 
       </div> 
       <div class="input-error" style="display:none;"></div> 
      </div> 
      <div class="input swField-subject.name"> 
       <div class="inputtext"> 
        <label for="c49_subject_name" style="float:right;">Subject</label> 
       </div> 
       <div class="inputcontent"> 
        <input id="c49_subject_name" name="subject_name" readonly="readonly" disabled="disabled" type="text"> 
       </div> 
       <div class="input-error" style="display:none;"></div> 
      </div> 
      <div class="input swField-activityType.id"> 
       <div class="inputtext"> 
        <label for="c49_activityType_id" style="float:right;">Select Type</label> 
       </div> 
       <div class="inputcontent"> 
        <select id="c49_activityType_id" name="activityType_id"> 
         <option value="ASIG">Assignment</option> 
         <option value="CLAS">Class</option> 
         <option value="QUIZ">Quiz</option> 
        </select> 
       </div> 
       <div class="input-error" style="display:none;"></div> 
      </div> 
      <div class="input swField-term.id"> 
       <div class="inputtext"> 
        <label for="c49_term_id" style="float:right;">Select Term</label> 
       </div> 
       <div class="inputcontent"> 
        <select id="c49_term_id" name="term_id"> 
         <option value="FA12">Fall 2012</option> 
         <option value="FA13">Fall 2013</option> 
         <option value="SP12">Spring 2012</option> 
         <option value="SP13">Spring 2013</option> 
        </select> 
       </div> 
       <div class="input-error" style="display:none;"></div> 
      </div> 
      <div class="input swField-grading"> 
       <div class="inputtext"> 
        <label for="c49_grading" style="float:right;">Grading</label> 
       </div> 
       <div class="inputcontent"> 
        <input id="c49_grading" name="grading" type="text"> 
       </div> 
       <div class="input-error" style="display:none;"></div> 
      </div> 
      <div class="input swField-class.id error"> 
       <div class="inputtext"> 
        <label for="c49_clazz_id" style="float:right;">Select Class</label> 
       </div> 
       <div class="inputcontent"> 
        <select id="c49_clazz_id" name="clazz_id"> 
         <option value="">Select</option> 
         <option value="22">10</option> 
         <option value="10">9b</option> 
         <option value="11">9c</option> 
         <option value="40">A</option> 
         <option value="41">B</option> 
         <option value="24">c1</option> 
         <option value="25">c2</option> 
         <option value="26">c3</option> 
         <option value="27">c4</option> 
         <option value="87">Obj 1</option> 
         <option value="86">Rawalpindi Board</option> 
        </select> 
       </div> 
       <div class="input-error" style="display:none;">Class is required</div> 
      </div> 
      <div class="input swField-section.id"> 
       <div class="inputtext"> 
        <label for="c49_section_id" style="float:right;">Select Section</label> 
       </div> 
       <div class="inputcontent"> 
        <select id="c49_section_id" name="section_id" readonly="readonly" disabled="disabled"> 
         <option value="select"></option> 
        </select> 
       </div> 
       <div class="input-error" style="display:none;"></div> 
      </div> 
      <div class="input swField-description"> 
       <div class="inputtext"> 
        <label for="c49_description" style="float:right;">Description</label> 
       </div> 
       <div class="inputcontent"> 
        <textarea id="c49_description" name="description" type="text"></textarea> 
       </div> 
       <div class="input-error" style="display:none;"></div> 
      </div> 
     </fieldset> 
     <div class="buttons"> 
      <input class="orangebutton swFormSubmitButton" type="submit" value="Submit"> 
      <input class="greybutton swFormCancelButton" type="submit" value="Cancel"> 
     </div> 
    </form> 
</div> 

和這些都是我想要

alert($("form.form1").find(".swField-clazz\\\\.id div.inputcontent").length); 

alert($("form.form1").find(".swField-clazz\\.id div.inputcontent").length); 

我試過\\逃跑班上期間選擇，但它似乎並不奏效

Answer 1

與\\實際工作逃逸。

在您的HTML中根本沒有這樣的類swField-clazz.id。

儘管如此，試着擺脫階級名稱中的句點。

Answer 2

這工作得很好： alert($("form.form1").find(".swField-activityType\\.id div.inputcontent").length);

見更新小提琴：http://jsfiddle.net/WrdXB/1/