Q&A
なぜそのようなIDを振らなければならないのでしょうか？
javascriptでhtmlのタグ<table id="list-xxx">の"xxx"の部分を変数にして書き出していきたいのですが、良い方法はないでしょうか？ ※ループでhtmlを書き出すのでjavascriptは複数回呼ばれます。
イメージ的には以下です。
xxxという提示の仕方はNG
001、002、003・・・としたいのか
1、2、３・・・としたいのか
他になにかあるのか、0が始まりなのか・・・
など仕様が決まらないことにはなにも回答ができません
現在使用している某ツールが、<td>要素内にリストを書き出す仕組みのため、以下の例では１行目と２行目、３行目と４行目、５行目と６行目がそれぞれ<table>タグに囲まれてしまうため、tableタグにidを振って、javascriptで<td>要素の1行目を削除しようとしています。
以下の例では３行目と５行目を削除したいのです。
１行目：データ１のカラム
２行目：データ１の内容
３行目：データ２のカラム
４行目：データ２の内容
５行目：データ３のカラム
６行目：データ３の内容
単純にlist-1、list-2、list-3としていきたいです。
回答1件
0
ベストアンサー
javascript
1<script> 2$(function(){ 3 $('table').attr('id',function(){return "list-"+($('table').index(this)+1)}); 4}); 5</script> 6<table></table> 7<table></table> 8<table></table>
投稿2021/04/12 09:40
総合スコア116734
yambejp様
お忙しい中、ご回答を頂き、ありがとうございます。
出力する<td>要素内の<table>タグ以外にも<table>タグがあるのですが、そちらには影響しないのでしょうか？
以下のC～Eの範囲のみ適用されるのでしょうか？
<table id="top"> ・・・ A
：
</table>
<table> ・・・ B
<tr>
<td>
<table></table> ・・・ C
<script>※上記ご回答頂いた処理</script>
<table></table> ・・・ D
<script>※上記ご回答頂いた処理</script>
<table></table> ・・・ E
<script>※上記ご回答頂いた処理</script>
</td>
</tr>
</table>
idを振るものと振らないものを何で判断すればいいですか？
table内のtableにだけ振るんですか？
<script>
$(function(){
$('table table').attr('id',function(){return "list-"+($('table table').index(this)+1)});
});
</script>
<table></table>
<table>
<tr>
<td>
<table></table>
<table></table>
<table></table>
</td>
<td>
<table></table>
<table></table>
<table></table>
</td>
</tr>
</table>
はい。
<td>タグの中にある<table>タグにのみidを振りたいです。
某ツールでHTMLを書き出すと以下のようになってしまうのでコントロールしたいです。
<table>
<tr>
<td>
<table>
<tr>
<th>見出し１</th>
<td>データ１</td>
</tr>
</table>
<script>
$(function(){
$('table table').attr('id',function(){return "list-"+($('table table').index(this)+1)});
});
</script>
<table>
<tr>
<th>見出し２</th>
<td>データ２</td>
</tr>
</table>
<script>
$(function(){
$('table table').attr('id',function(){return "list-"+($('table table').index(this)+1)});
});
</script>
<table>
<tr>
<th>見出し３</th>
<td>データ３</td>
</tr>
</table>
<script>
$(function(){
$('table table').attr('id',function(){return "list-"+($('table table').index(this)+1)});
});
</script>
</td>
</tr>
</table>
入れ違いで失礼、sampleつけてありますのでご確認ください
ただし・・・
テーブルの中のテーブルというのは論理的な構造としては
おかしいので、あまりおすすめはいたしません。
もし表示の位置調整のためにテーブルを利用しているなら
改めたほうがよいでしょう。
あなたの回答
tips
プレビュー
