0

我有一个如下表，它有 9 行。从第二行开始，行内容的格式相同。

我的要求是我必须遍历第二行到最后一行，并且在每一行中我应该能够设置第三个 div 的文本（<div class="homeLeftPaneText">want to set the text here </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>
4

2 回答 2

2

这里的一个问题是没有两个 DOM 元素应该具有相同的 id。改用一个类。

您要做的是，在为所有这些表行分配适当的类之后，使用 jQuery 获取该类的每个实例，找到您想要的 div（您需要为该组 div 分配一个唯一的类），然后修改它.

所以它看起来像

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

将适当的类附加到需要更改的 div 之后

于 2013-07-11T08:23:41.503 回答
0

如果您只修改该 div 并且所有这些 div 的内容都相同，则可以只向该 div 添加一个类，例如“setTextHere”，然后将文本修改为：

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

如果这些第三个 div 中的每一个的文本都不同，那么您将必须找到相应的父元素。在此示例中，N 是行数。

$("#__table1-rows-rowN").find(".setTextHere").html("Text for Row N");
于 2013-07-11T08:33:53.743 回答