Question

我正在尝试将动态生成的元素及其子元素包含在<div>或<span>标记内，以便我可以根据需要隐藏/显示。

<tr>
  <td class="SubHeader1" colspan="3" rowspan="1">For those drivers:</td>
</tr>
<tr>
  <td class="TextBold" align="left" valign="middle">16.</td>
  <td class="TextBold" align="left" valign="middle">Text for Question 16:</td>
  <td class="TextBold" align="left" valign="middle">
   <input name="ctl00$DefaultContent$ctl15" type="text" class="TextNormal" style="width:36px;" />      
  </td>
</tr>
<tr>
   <td class="TextBold" align="left" valign="middle">17.</td>
   <td class="TextBold" align="left" valign="middle">Content for Question 17:</td>
   <td class="TextBold" align="left" valign="middle">
     <input name="ctl00$DefaultContent$ctl16" type="text" class="TextNormal" style="width:36px;" />
   </td>
</tr>

整个页面中只有两个 class = SubHeader1 ，我想要包含第二个 <tr>和<td>包含“< strong> SubHeader1 “以及以下两个<tr> s。

这是我能够提出的似乎不起作用。

$('.SubHeader1:eq(1)').parent().each(function () {
            $(this).add($(this).next()).wrapAll('<div class="HideShow"></div>');
  })

提前感谢

BB

Answer 1

由于在<div>的工作位内干扰<table>会使你的html无效并且只会引起心痛，我们如何为<tr>自己提供一个你可以使用的类用于显示/隐藏

var $target = $('.SubHeader1:eq(1)');// we'll cache this for readability
$target.add( $target.next() ).add( $target.next().next() ).addClass('HideShow');

在标记内包含少量元素及其子元素。 JQuery的

1 个答案: