連続する要素内で処理を行いたいです。
構成は以下の通りです。
lang
1 <div class="work-same box-default"> 2 <a href="XXXXXXXXXXXXXXXXXXXX.html" class="cassette-link"></a> 3 <div class="hoge content-wrap bg-default"> 4 <div class="hoge"> 5 <div class="hoge-img"> 6 <p class="hoge-img-inner"> <img class="img" src="YYYYYYYYYYYYYY.jpg" alt="999998_001"> </p> 7 </div> 8 <div class="hoge-inner content-wrap"> 9 <table class="tbe-vertical"> 10 <tbody> 11 <tr> 12 <th>1つ目のth</th> 13 <td>1つ目のtd</td> 14 </tr> 15 <tr> 16 <th>2つ目のth</th> 17 <td>2つ目のtd2つ目のtd<table></table></td> 18 </tr> 19 <tr> 20 <th>3つ目のth</th> 21 <td>3つ目のtd</td> 22 </tr> 23 <tr> 24 <th>4つ目のth</th> 25 <td>4つ目のtd</td> 26 </tr> 27 <tr> 28 <th>5つ目のth</th> 29 <td>5つ目のtd</td> 30 </tr> 31 <tr> 32 <th>6つ目のth</th> 33 <td>6つ目のtd</td> 34 </tr> 35 </tbody> 36 </table> 37 </div> 38 </div> 39 <div class="hoge"> 40 <p class="hoge-txt"></p> 41 <p class="hoge-action"> 42 <a href="YYYYYYYYYYYYYYYYYYYYYYYYYYYY.html" class="btn-link-primary"></a> 43 </p> 44 </div> 45 </div> 46 </div>
「.work-same」の構成が連続して出現し、その1つづつの内部で処理を変更したいです。
具体的には、大きく2点修正を加えたいです。
【1】「.content-wrap」直下の1つ目の「.hoge」全体を「.cassette-link」と同じURLのリンクで囲む
【2】「.tbe-vertical」内部の変更
(1)「tr:eq(4)」のth・tdを「tr:eq(2)」のtd直後に移動する
(2)「tr:eq(5)」のth・tdを「tr:eq(3)」のtd直後に移動する
(3)空になった「tr:eq(4)」「tr:eq(5)」を削除する
(4)「tr:eq(0)」「tr:eq(1)」のtdに「colspan="3"」を追加する
lang
1 <div class="work-same box-default"> 2 <a href="XXXXXXXXXXXXXXXXXXXX.html" class="cassette-link"></a> 3 <div class="hoge content-wrap bg-default"> 4 <a href="XXXXXXXXXXXXXXXXXXXX.html"> 5 <div class="hoge"> 6 <div class="hoge-img"> 7 <p class="hoge-img-inner"> <img class="img" src="YYYYYYYYYYYYYY.jpg" alt="999998_001"> </p> 8 </div> 9 <div class="hoge-inner content-wrap"> 10 <table class="tbe-vertical"> 11 <tbody> 12 <tr> 13 <th>1つ目のth</th> 14 <td colspan="3">1つ目のtd</td> 15 </tr> 16 <tr> 17 <th>2つ目のth</th> 18 <td colspan="3">2つ目のtd<table></table></td> 19 </tr> 20 <tr> 21 <th>3つ目のth</th> 22 <td>3つ目のtd</td> 23 <th>5つ目のth</th> 24 <td>5つ目のtd</td> 25 </tr> 26 <tr> 27 <th>4つ目のth</th> 28 <td>4つ目のtd</td> 29 <th>6つ目のth</th> 30 <td>6つ目のtd</td> 31 </tr> 32 </tbody> 33 </table> 34 </div> 35 </div> 36 </a> 37 <div class="hoge"> 38 <p class="hoge-txt"></p> 39 <p class="hoge-action"> 40 <a href="YYYYYYYYYYYYYYYYYYYYYYYYYYYY.html" class="btn-link-primary"></a> 41 </p> 42 </div> 43 </div> 44 </div>
過去に類似のご質問をしており、そちらを参考に色々トライしたのですが、今回構成が複雑でうまくいきませんでした。
https://teratail.com/questions/17622
https://teratail.com/questions/16181
何卒ご教授の程よろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/12/13 03:10
2015/12/13 05:34
2015/12/14 04:17