2015-02-02 1 views
0

#jobForm의 ID를 가진 양식이 있습니다. #jobForm에서 , 난 항상 내가 JSON 문자열에서 데이터를 읽고 있어요jquery 대상 클래스의 n 번째 인스턴스

웹 서버에서 반환 .allCharges라는 하나의 클래스가 클래스 .jIN에서 .jIN

<div> 년대의 수에는 제한이 없습니다 . charges이라는 json 배열이 있습니다. 이 charges 인 경우 .allCharges에 해당하는 block이라는 필드가 있습니다. 타겟팅 및 charges.chargesDesc

내가이 일을하고있어 함께 올바른 .allCharges을 채우려 :

<form id="jobForm"> 
    <div class="jIN"> 
    <div class="allCharges"></div> 
    </div> 
    <div class="jIN"> 
    <div class="allCharges"></div> 
    </div> 
    <div class="jIN"> 
    <div class="allCharges"></div> 
    </div> 
</form> 

    var cl=json.charges.length; 
    for(i=0;i<=cl-1;i++){ 
     var block=json.charges[i].block; 
     $("#jobForm.jIN:eq("+block+") .allCharges").append(json.charges[i].chargeDesc); 
    } 

을하지만이 작동하지 않습니다.

+0

[n 번째 자식 선택기] (http://api.jquery.com/nth-child-selector/) 어쩌면? – lemieuxster

+0

선택기에 누락 된 공간이 있습니까? ID 뒤에 그리고'.jIN' 클래스 앞에 – tymeJV

답변

1

나는

$("#jobForm.jIN:eq("+block+") .allCharges")

함께

$("#jobForm .jIN").eq(block).find(".allCharges").append(json.charges[i].chargeDesc);

당신은 으깬 한 모든 읽기한다고 생각합니다.

+0

yes가 작동합니다. $ ("jobForm.jIN : eq ("+ block + ") .allCharges") append (json.charges [i]. 나는 parseInt (블록)해야했다. – Shawn

+0

좋아요. 다행히 도왔다. – ggdx

관련 문제