元スレ+ JavaScript & jQuery 質問用スレッド vol.5 +
JavaScript覧 / PC版 /みんなの評価 :
601 = :
各ulの中のbグループを取り出してul先頭に移動すれば?
602 = :
>>600
$('ul').each(function() {
$(this).find('li.a').insertAfter($(this).find('li').last());
});
603 = :
>>602
できました!
eachもやりましたがうまくいかず、insertAfterの因数が違ってました。
ありがとうございます。
604 = :
>>603
「因数」じゃないよ
引数と書いて「ひきすう」と読むんだよ
605 = :
>>600
え? これじゃいかんの?
$('.a').insertAfter($('.b:last'));
.a と .b しかない(その他のクラスもない)のであれば
これでもいけるけど。
$('.a').appendTo('ul');
606 = :
jQueryはプラグインを作る時以外で
each()を使ったら負けだと思え。
607 = :
└────v─────────┘
_/ ̄ ̄\_
// \ヽ
fY Y|
| | /\)(/ヽ | |
(V <・)| (・> V)
| ー | ー |
| \ ^^ / |
\ ヽ /\ / /
/\____/\
| | VL∧/ | |
| | V | / | |
608 = :
>>597
すげーよくわかった。 なるほどありがとう。
609 = :
webサイトに複数のjsがローカルやhttp://から読み込まれる場合、それらの読み込み順を制御したいのだがどう言う方法がオススメ?
具体的にいうと自作jsよりもGoogleアドセンスjsの読み込みに時間が掛かるのでそれが終わるまで自作jsが実行されない。
それを改良して自作jsが読み込まれたあとでGoogleアドセンスjsを読み込みたいのですが?
610 = :
>>609
アドセンスを外せばよくね?
611 = :
>>610
googleアドセンス、読み込み位置も固定でやりにくいよな
取りあえず、思いつくのは、
自分のJSの中で、アドセンスリンクを生成する方法くらい。
しかし、このせいでアドセンス上手く機能しないかもしれない
さらに、ドキュメント上部でパース処理が発生するから、
画面が真っ白の時間が長くなってしまうかも…
612 = :
↑ >>609宛です
アンカーミスりました。
614 = :
>>605
やってみればわかるはず
615 = :
>>606
では使わない回答よろ
616 = :
>>613
何番目という概念自体が無い。
それらを区別するものは、IDだけ
何番目とIDを、対応付けることはできる
{id : 何番目}
のような辞書をたくさん作って、IDを渡せば、番号が返るような関数を作る
617 = :
>>616
>何番目という概念自体が無い。
うそ言うなよ。
例えば画面上に並んでいる順序と言う事実があるよ。
618 = :
>>616
jQueryのindexメソッドは?
619 = :
>>616
恐ろしいこと言うなよ…
620 = :
>>614
やってみればわかるけど、正しく動いてるよね?
>>615
>>605に正解があるじゃんw
621 = :
>>613
もう少しシンプルにならないのかな?
<input type="radio" name="a">
<input type="radio" name="a">
<input><input><input><input>
<input type="radio" name="a" checked>
<input type="radio" name="a">
<input type="radio" name="a">
alert($('[name=a]').index($('[name=a]:checked')))
622 = :
少し短くなった
alert($('[name=a]:checked').index('[name=a]'))
623 = :
>>605 は
>複数の<ul>それぞれの中
という条件を見逃している
>>615
ヒント: 引数に関数を与える
624 = :
>>621>>622
うまくいきました。ありがとうございます。
ちなみにこういう処理をjQueryをつかわずにやるのは非常に難しいですよね?
625 = :
難しいというより、面倒くさい
手間が多くなると思う。
627 = :
>>624
難しいと感じるのはやったことがないから
querySelectorAll と Array#indexOf を併用するだけ
iterable に出来る実装なら for-of でも良い
629 = :
>>620
じゃんw ってw
読解力の問題なのか何なのか、?の答えはNoだな
>>623
下半分俺も知りたいので具体的にソースほしいス
630 = :
>配列に変換しなくとも Array#indexOf を Function#call すれば良い
KWSK
631 = :
>>629
単に読み飛ばしていただけじゃんw
> 下半分俺も知りたいので具体的にソースほしいス
ほらよw
$('.b').after(function() {
return $(this).siblings('.a');
});
632 = :
>>624
jQueryを使わないで書くのは難しいんじゃなくて冗長という。
最近はDOM APIを直接使わないフレームワークが流行りらしいが、
DOM APIを使うならばjQueryを使ったほうが短くシンプルにわかりやすく書ける。
633 = :
>>631
バカ
634 = :
>>633
俺が答えを書いたのが悔しかったのか?w
635 = :
>>630
Array.prototype.indexOf.call(document.querySelectorAll('input[type=radio][name=a]'), document.querySelector('input[type=radio][name=a]:checked'));
function getIndexOf (nodeList, target) {
let i = 0;
for (element of nodeList) {
if (element === target) {
return i;
}
++i;
}
return -1;
}
getIndexOf(document.querySelectorAll('input[type=radio][name=a]'), document.querySelector('input[type=radio][name=a]:checked'));
636 = :
このように冗長なわけです。
637 = :
>>631
上から順番に適用されるようだから大丈夫だとは思うけど
$('ul').find('.b:last').after(~
って特定しておいたほうがいいと思うよ
>>605 も後半で言ってるように、ulのなかに a と bだけなら
$('ul').append(function() {
return $(this).find('.a');
});
なんてするのがシンプルかな
でも俺はeachでもいいんじゃね?派
638 = :
これを冗長と感じるかは使い手の問題だな
DOMで書く人は自分独自のコードチップを持ってるものだからjQueryの内部コードと比較して考える
639 = :
画面の項目数が、増減するかも知れないから、
{id : 何番目} という辞書を持っておいて、
何番目でソートすれば、項目の増減にも対応できる
項目を削除して、1,3,4,7 とか、飛び飛びになっていても、対応できると思った
641 = :
>>638
> DOMで書く人は自分独自のコードチップを持ってるものだから
それってオレオレライブラリだよね?
仕事で、みんなバラバラな独自のコード使ったらアホだし。
仕事で、jQueryと同じようなものを作り出すのもアホだし。
642 = :
ライブラリを捨てるためにDOM APIを直接使って
でも冗長だから自分でライブラリを作るって
本末転倒だろうw
644 = :
>>631
www
一番大事なとこ読み飛ばすなよ
645 = :
>>641
オレオレライブラリではなく、ノウハウの話
jQueryを使おうが使うまいが、その手のコードはノウハウとして蓄積されるもの
snippetを使い回すのに大して手間はかからない
646 = :
>>645
Z80のニーモニックをバイナリで直接コーディングしていた世代から言わせてもらうと、
低レベル言語のノウハウなんてのは蓄積しても大して役に立たない。
「車作るには製鉄のノウハウを蓄積しないといけない」と言っているようなもの。
647 = :
お、おう
648 = :
>>645
誰のノウハウなのかっていう一番重要な点を忘れてない?
オレオレライブラリは、個人のノウハウでしかないでしょ?
あんたが世界一番すごくJSが使えるんだっていうのなら
最高のライブラリを作れるだろうけど、そんなことはまずありえないし、
何人もの人が寄ってたかって改良しているライブラリには勝てない。
自分が頑張っても、自分の限界以上のことは出来ない。
多数の人が蓄積したのノウハウをを使い回すと
自分も成長駅できる。
649 = :
小学生がレスしてんのかよっていうスレの流れ
650 = :
ということにしたい
類似してるかもしれないスレッド
- + JavaScript & jQuery 質問用スレッド vol.8 + (1001) - [98%] - 2019/2/9 14:00
- + JavaScript & jQuery 質問用スレッド vol.7 + (701) - [98%] - 2022/12/19 17:15
- + JavaScript & jQuery 質問用スレッド vol.7 + (993) - [98%] - 2017/11/10 8:15
- + JavaScript & jQuery 質問用スレッド vol.6 + (980) - [98%] - 2016/11/20 14:31
- + JavaScript の質問用スレッド vol.95 + (1001) - [72%] - 2012/1/17 4:16
- + JavaScript の質問用スレッド vol.75 + (1001) - [72%] - 2010/1/23 1:07 ○
- + JavaScript の質問用スレッド vol.85 + (1001) - [72%] - 2011/4/25 21:32
- + JavaScript の質問用スレッド vol.135 + (1002) - [70%] - 2018/11/23 10:30
- + JavaScript の質問用スレッド vol.105 + (1001) - [70%] - 2013/5/20 4:45
- + JavaScript の質問用スレッド vol.125 + (1001) - [70%] - 2015/10/7 17:45
- + JavaScript の質問用スレッド vol.115 + (1001) - [70%] - 2014/5/29 16:16
- + JavaScript の質問用スレッド vol.93 + (1001) - [70%] - 2011/12/10 18:31
トップメニューへ / →のくす牧場書庫について