2013-07-11 3 views
0

안녕하세요, 9 rows.From 두 번째 행 이후 행 내용의 형식이 동일한 아래의 테이블이 있습니다.테이블의 perticular div를 얻는 방법?

내 요구 사항은 내가 마지막 행에 두 번째 행을 반복해야하고 3 DIV 여기

<table id="__table1-table" > 
    <tbody> 
     <tr role="row" > 
     <th aria-owns="__column1" aria-labelledby="__column1" style=""></th> 
    </tr> 

     <tr id="__table1-rows-row0" class=""> 
     <td id="__table1-rows-row0-col0" role="gridcell" aria-labelledby="__table1-ariadesc __column1 __html1-col0-row0" > 
      <div > 
       <div class="homeLeftPaneRow" data-sap-ui-preserve="__html1-col0-row0" id="__html1-col0-row0"> 
        <div class="homeLeftPaneIcon homeLeftPaneStartIcon"> </div> 
        <div class="homeLeftPaneText"> Getting Started</div> 
        <div class="homeLeftPaneText">want to set the text here </div> 
       </div> 
      </div> 
     </td> 
     </tr> 

    <tr > 
     //same format as in __table1-rows-row0 
    </tr> 

    <tr id="__table1-rows-row4" > 

    </tr> 
    <tr id="__table1-rows-row4" > 
      //same format as in __table1-rows-row0    
    </tr> 
    <tr id="__table1-rows-row4" > 
      //same format as in __table1-rows-row0    
    </tr> 

    <tr id="__table1-rows-row4" > 
      //same format as in __table1-rows-row0    
    </tr> 

    <tr id="__table1-rows-row4" > 
      //same format as in __table1-rows-row0    
    </tr> 

    <tr id="__table1-rows-row4" > 
      //same format as in __table1-rows-row0    
    </tr> 
    </tbody> 
</table> 
+0

이중 ID는 사용할 수 없습니다! 많은 행에 대해 동일한 ID를가집니다. 그래서 div 태그 나 텍스트만으로 텍스트를 설정하고 싶습니까? – Sergio

+0

클래스는 class = "__ table1-rows-row4"와 같은 클래스를 사용하며 ids는 포함하지 않습니다. –

답변

2

한 문제를 (여기에 텍스트를 설정할)에 대한 각 행에 내가 텍스트를 설정할 수 갈까요입니다 두 개의 DOM 요소가 동일한 ID를 가져서는 안된다는 것입니다. 대신 클래스를 사용하십시오.

원하는 모든 테이블 행에 적절한 클래스를 할당 한 후 jQuery를 사용하여 클래스의 모든 인스턴스를 가져 와서 원하는 div를 찾습니다 (div 세트에 고유 한 클래스를 지정해야 함) 그런 다음 수정하십시오. 당신은 당신이 해당 사업부를 수정하는 경우는

0

을 변경해야 div의에 대한 적절한 클래스와 그 div의 모든 내용을 첨부 한 후

그래서

$(".__table1-rows-row4").find(".modifythis").html("new text here"); 

과 같을 것 같은 될 것입니다, 당신은 바로 그러한 "setTextHere"로 그 DIV에 클래스를 추가 한 다음과 같은 텍스트를 수정할 수 : 텍스트 인 경우

$(".setTextHere").html("New Text"); 

을 다음 세 번째 각각 다른 divs이면 해당 상위 요소를 찾아야합니다. 이 예에서 N은 행의 수입니다.

$("#__table1-rows-rowN").find(".setTextHere").html("Text for Row N"); 
관련 문제