7

これが私が取り組んでいるサンプルコードです:

<td class="one">content</td>
<td class="two">content</td>
<td class="three">content</td>
<td class="four">content</td>
<td class="five">content</td>

次を使用して、最初の td を div で囲むことができます。

$('td.one').wrap('<div class="td-one">');

ただし、残りの 4 つの td を 1 つの div でラップする必要があるため、望ましい結果は次のとおりです。

<div class="td-one">
    <td class="one">content</td>
</div>
<div class="td-two-five">
    <td class="two">content</td>
    <td class="three">content</td>
    <td class="four">content</td>
    <td class="five">content</td>
</div>

jQueryでこれを行うにはどうすればよいですか?

4

2 に答える 2

7

規則では、jQuery セレクターの利便性を考慮して、ラッパーとして機能するクラスで各セルをマークします。

<td class="td-one one">content</td>
<td class="td-two-five two">content</td>
<td class="td-two-five three">content</td>
<td class="td-two-five four">content</td>
<td class="td-two-five five">content</td>

その後、必要に応じてセルのグループを操作できます。

$(".td-two-five").hide();
于 2012-08-18T18:55:44.000 に答える
4

div有効な HTML のために、要素ではなく要素を使用していると仮定すると、次のことをおtd勧めします。

<div class="one">content</div>
<div class="two">content</div>
<div class="three">content</div>
<div class="four">content</div>
<div class="five">content</div>

$('div.one').wrap('<div class="cell-one" />').parent('div').siblings().wrapAll('<div class="cell-two-five" />')​​​​​​​​​​​​​​​​​​

JS フィドルのデモ。

于 2012-08-18T18:57:10.557 に答える