+ JavaScript & jQuery 質問用スレッド vol.7 + [無断転載禁止]©2ch.net (711ﾚｽ)
上下前次1-新
175: 2019/11/09(土)19:58 ID:??? AAS
cssも絡んでたら面倒だし
176: 2019/12/02(月)23:17 ID:mYdyaaV4(1) AAS
table の中に沢山のtrが有る場合、
5番目から８番目までのtrを取り出してtableにしたいんですが
どうやればよいですか？
177(1): 2019/12/04(水)05:51 ID:??? AAS
以下は、#src から、#dest へ、インデックス1, 2 の、2つの要素をコピーする。
clone( true ) とすると、イベントや変数なども合わせて複製される（デフォルトはfalse）
<table id="src"></table>
<table id="dest"><tbody></tbody></table>
$( "#src tr" ).slice( 1, 3 ).clone( ).appendTo( "#dest > tbody" )
178: 2019/12/05(木)01:01 ID:/HufYru8(1) AAS
>>177
頭いいな。
179(1): 2020/01/27(月)21:53 ID:hWzt81fy(1) AAS
jQueryというかcss含む質問ですが。
<dl>
<dt>項目１</dt><dd>本文１本文１</dd>
<dt>項目２</dt><dd>本文２本文２本文２</dd>
・・・
</dl>
dl {columns: 2;}
dd {display: none;}
dt.open + dd {display: block; }
$('dt').click(function(){
省11
180(2): 2020/01/27(月)22:16 ID:??? AAS
columnsは要素を並べるものではなくその要素のテキストを段組みするものなので
flexやgridを使いましょう
181: 2020/01/27(月)22:49 ID:??? AAS
>>180
それ上のHTMLではどう書くのでしょうか？
dt/ddがdivでまとまってれば簡単なのですが。
182(3): 2020/01/28(火)04:27 ID:??? AAS
トグル処理を作ってみた
visibility: hidden なら、display: none と違って、
見えない要素でも、常に存在しているから、場所がズレない！
dt, dd { display: block; }
dd { visibility: hidden; }
$( 'dt' ).click( function( ) {
dd = $( this ).next( ) // 直後の弟のdd
if ( dd.css( "visibility" ) === "visible" ) {
dd.css( "visibility", "hidden" )
} else {
省3
183: 2020/01/28(火)18:05 ID:??? AAS
手間かけた割に面白くないな
184: 2020/01/29(水)21:15 ID:??? AAS
>>182
閉じた時隙間ができないようにお願いします。
185: 182 2020/01/30(木)07:02 ID:??? AAS
元の、jQuery のtoggleClass は、display: none を使っているから、場所がズレる！
だから、無理
一方、visibility: hidden なら、見えない要素でも、常に存在しているから、場所がズレない！
「javascript visibility display 違い」で検索して！
それと質問者は名前欄に、179 と質問時の番号を入れて、age て書き込んでください！
誰が書き込んでいるのか、わからないので
186: 2020/01/30(木)22:25 ID:??? AAS
だからそれを質問してるんだろ、アホなのかな
じゃ>>180はなんなんだ
187: 2020/01/31(金)19:48 ID:??? AAS
>>182ってマジで答えてるわけでなないよな・・・
188(2): きりん 2020/02/02(日)16:01 ID:k7kLwQYC(1) AAS
ループ回転するソースをかいたのですが、
一旦止まって、また動くという意図しないアニメーションができてしまいました。
最初は、じわっと動きはじめて、そのまま回転しづつけるのが理想です。
良い方法ありますか？
$(function(){
setInterval(function(){
$(function(){
$(document).ready(function(){
// degという変数を0から360まで3秒かけて変化させる。
$({deg:0}).animate({deg:360}, {
省12
189(1): 2020/02/02(日)19:01 ID:??? AAS
>>188
●css
@keyframes rot {
from { transform: rotate(90deg); }
to { transform: rotate(450deg); }
}
.rotate {
animation: 3s linear 0s infinite rot;
}
.rotate-start {
省9
190: 179 2020/02/02(日)20:45 ID:eOmqGHc9(1) AAS
できないようなのでfloatでやります
これならHTML全くいじらずそのままでできますので
どうもでした
191: きりん 2020/02/02(日)21:55 ID:MxeiaJ9S(1) AAS
>>189さん
ありがとうございます。
動きました！
もうちょっと勉強します。
192: 2020/02/02(日)23:32 ID:??? AAS
>>188
$(this).animate( ) の場合は、
$(this).stop( ).animate( ) みたいに、
まず、stop で前のアニメを取り消すのが定番
193: 2020/02/22(土)14:20 ID:??? AAS
エクセルみたいにtableのtd要素にオートフィルタかけてsubtotal関数使うような
jQueryって存在するんですか？
194: 2020/02/27(木)22:27 ID:??? AAS
自分で作れば？
上下前次1-新書関写板覧索設栞歴
あと 517 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.011s