DOM javascript导航

我想取消隐藏属于“checked”复选框的隐藏divCommentBody div，但无法使用javascript找到它

这是javascript函数：

 function ExpandClick(state) {       

          var TargetBaseControl = document.getElementById("commentsTable");
          var Inputs = TargetBaseControl.getElementsByTagName('input');

          for (var n = 0; n < Inputs.length; ++n) if (Inputs[n].type == 'checkbox' && Inputs[n].id.indexOf('chkBox', 0) >= 0) {       if (Inputs[n].checked == true) {

            //Get divCommentBody div that belongs to this chekbox

              }
          }
      }       

函数展开单击（状态）{
var TargetBaseControl=document.getElementById（“commentsTable”）；
var Inputs=TargetBaseControl.getElementsByTagName（'input'）；
对于（var n=0；n=0）{if（Inputs[n]。checked==true）{
//获取属于此chekbox的divCommentBody div
}
}
}       

这是标记：

<table cellpadding="0" border="0"  id="commentsTable">
               <tr class="Comment">        
                 <td  class="CommentCheck">
                      <input id="ctl00_col2_rptComments_ctl01_chkBox" type="checkbox" name="ctl00$col2$rptComments$ctl01$chkBox" />                     
                  </td>               
                 <td class="CommentBy" >
                        <span id="ctl00_col2_rptComments_ctl01_lblUserName" title="Posted by name">someone</span>                      
                 </td>               
               <tr>
                 <td colspan="100%">
                    <div id="ctl00_col2_rptComments_ctl01_divCommentBody" style="padding: 0 0 0 55px;display:none;background-color: #E8F1F4;">                                                                            
                    </div>                                                           
                 </td>
               </tr>                                                                                    
               <tr class="Comment">        
                 <td  class="CommentCheck">
                    <input id="ctl00_col2_rptComments_ctl02_chkBox" type="checkbox" name="ctl00$col2$rptComments$ctl02$chkBox" />               
                 </td>
                 <td class="CommentBy" >
                     <span id="ctl00_col2_rptComments_ctl02_lblUserName" title="Posted by name">marco</span>                      
                 </td>                
               <tr>
                 <td colspan="100%">
                    <div id="ctl00_col2_rptComments_ctl02_divCommentBody" style="padding: 0 0 0 55px;display:none;background-color: #E8F1F4;">                                        

                    </div>                                                           

                 </td>
             </tr>         

        </table>

某人
马可

您可以这样获得：

var divId = Inputs[n].id.replace(/chkBox$/, 'divCommentBody');
var div = document.getElementById(divId);

---

或者，如果使用Sizzle（jQuery示例）：

与我的备选方案不同，如果表结构不会改变：

$('#commentsTable tr:last-child div')

---

我能相信asp生成的“ID”吗？我想是的。。。虽然ASP不是我喜欢的东西，但是相当混乱——我会坚持使用id方法，除非你有很好的理由不这么做。

$('#commentsTable tr:last-child div')