Q&A
trタグはどこで出力されているのでしょうか？
tableの行を追加した時に上の行の内容をコピーするボタンをつけたいです。
そこでは、一番上の行にはそのボタンはいらないので非表示にします。
また、そこでは編集状態と表示状態に分けて(行をクリックしたら編集状態になる)
tr:firstで一番上の行の編集テーブルにはボタンを表示させなくしようとしています。
しかし、編集行の所だけがボタンが無くなってしまいます。(どの行でも)
更に、編集行以外の所が一行目でもボタンが表示されてしまいます。
html
1<script type="text/template" id="edit"> 2 <td class="list0-col1" data-td="" data-id=""></td> 3 <td class="list0-col2 data-td="" data-id=""></td> 4 <td> 5 <% if($('table tbody tr:first')){ %> 6 <% }else{ %> <input type="button" class="copy" value="↑"> 7 <% } %> 8 </td> 9</script>
ちなみに、tableとtbodyがないのはunderscoreでのテンプレートを使用していてそちら側にあるからです。
分かる方がいましたら、力をお貸しください。
よろしくお願いします。
回答2件
0
たとえば$('table')はHTML内にテーブルがあろうとなかろうと、Booleanに型変換するとtrueになります。要素の存在チェックをするなら、lengthプロパティを見るといいかと思います。
0, -0, null, false, NaN, undefined あるいは空文字列 ("") であった場合、オブジェクトは false の初期値を持ちます。それ以外のあらゆる値は、オブジェクトや "false" という文字列も含めて、true の初期値を持つオブジェクトを生成します。
投稿2017/06/30 00:57
総合スコア36074
回答ありがとうございます。
確かにそうですね、長さやカウントを利用すると
いいことが分かりました。
0
ベストアンサー
$(".cs-list0").each(function(elem){
elem = elem +1;
if(elem==1){
コピーボタン非表示テンプレート
}else{
コピーボタン表示テンプレート
}
});
これですることができました。
投稿2017/07/04 08:56
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
