のくす牧場
コンテンツ
牧場内検索
カウンタ
総計:127,062,836人
昨日:no data人
今日:
最近の注目
人気の最安値情報

    私的良スレ書庫

    不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitter
    ログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。

    元スレ+ JavaScript & jQuery 質問用スレッド vol.5 +

    JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニュー
    スレッド評価: スレッド評価について
    みんなの評価 :
    タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。
    レスフィルター : (試験中)
    ←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitter
    601 : Name_Not - 2016/05/25(水) 13:40:29.53 ID:???.net (+21,-6,-6)
    各ulの中のbグループを取り出してul先頭に移動すれば?
    602 : Name_Not - 2016/05/25(水) 13:58:01.25 ID:???.net (+3,-30,-60)
    >>600
    $('ul').each(function() {
    $(this).find('li.a').insertAfter($(this).find('li').last());
    });
    603 : Name_Not - 2016/05/25(水) 14:10:45.01 ID:???.net (+32,-29,-25)
    >>602
    できました!
    eachもやりましたがうまくいかず、insertAfterの因数が違ってました。
    ありがとうございます。
    604 : Name_Not - 2016/05/25(水) 14:24:05.22 ID:???.net (+62,+29,-15)
    >>603

    「因数」じゃないよ

    引数と書いて「ひきすう」と読むんだよ
    605 : Name_Not - 2016/05/25(水) 21:01:26.36 ID:???.net (+87,-30,-57)
    >>600
    え? これじゃいかんの?

    $('.a').insertAfter($('.b:last'));


    .a と .b しかない(その他のクラスもない)のであれば
    これでもいけるけど。
    $('.a').appendTo('ul');
    606 : Name_Not - 2016/05/25(水) 21:06:24.43 ID:???.net (+29,-23,-18)
    jQueryはプラグインを作る時以外で
    each()を使ったら負けだと思え。
    607 : Name_Not - 2016/05/25(水) 21:51:58.83 ID:???.net (+3,-30,-30)
    └────v─────────┘

       _/ ̄ ̄\_
      //      \ヽ
      fY          Y|
      | |   /\)(/ヽ | |
     (V <・)| (・> V)
      |  ー |  ー  |
      | \   ^^   / |
      \ ヽ /\ / /
       /\____/\
       | |  VL∧/  | |
       | |   V | /   | |
    608 : Name_Not - 2016/05/26(木) 14:31:56.85 ID:???.net (+62,+29,+0)
    >>597
    すげーよくわかった。 なるほどありがとう。
    609 : Name_Not - 2016/05/26(木) 14:55:46.67 ID:???.net (+48,-29,-117)
    webサイトに複数のjsがローカルやhttp://から読み込まれる場合、それらの読み込み順を制御したいのだがどう言う方法がオススメ?
    具体的にいうと自作jsよりもGoogleアドセンスjsの読み込みに時間が掛かるのでそれが終わるまで自作jsが実行されない。
    それを改良して自作jsが読み込まれたあとでGoogleアドセンスjsを読み込みたいのですが?
    610 : Name_Not - 2016/05/26(木) 16:04:43.08 ID:???.net (+73,+5,-14)
    >>609
    アドセンスを外せばよくね?
    611 : Name_Not - 2016/05/26(木) 16:22:20.34 ID:???.net (+82,+29,-101)
    >>610

    googleアドセンス、読み込み位置も固定でやりにくいよな
    取りあえず、思いつくのは、
    自分のJSの中で、アドセンスリンクを生成する方法くらい。
    しかし、このせいでアドセンス上手く機能しないかもしれない
    さらに、ドキュメント上部でパース処理が発生するから、
    画面が真っ白の時間が長くなってしまうかも…
    612 : 611 - 2016/05/26(木) 16:23:17.48 ID:???.net (+44,+9,+0)
    >>609宛です
    アンカーミスりました。
    613 : Name_Not - 2016/05/26(木) 21:59:03.35 ID:???.net (-23,-28,-41)
    例えばinput radioが5個あり、3番目がチェックされている場合に、
    その3と言う数字を取り出す方法を教えて下さい。
    チェックされているIDなら出来たのですが何番目というのが出来ません。
    614 : Name_Not - 2016/05/26(木) 22:42:09.71 ID:???.net (+91,+29,+0)
    >>605
    やってみればわかるはず
    615 : Name_Not - 2016/05/26(木) 22:42:54.79 ID:???.net (+88,+17,-1)
    >>606
    では使わない回答よろ
    616 : Name_Not - 2016/05/26(木) 23:57:05.18 ID:???.net (+83,-29,-32)
    >>613
    何番目という概念自体が無い。
    それらを区別するものは、IDだけ

    何番目とIDを、対応付けることはできる
    {id : 何番目}
    のような辞書をたくさん作って、IDを渡せば、番号が返るような関数を作る
    617 : Name_Not - 2016/05/27(金) 00:14:17.12 ID:???.net (+63,+29,-11)
    >>616
    >何番目という概念自体が無い。
    うそ言うなよ。
    例えば画面上に並んでいる順序と言う事実があるよ。
    618 : Name_Not - 2016/05/27(金) 00:17:22.33 ID:???.net (+3,-29,-43)
    >>616
    jQueryのindexメソッドは?
    619 : Name_Not - 2016/05/27(金) 00:56:31.84 ID:???.net (+62,+29,-2)
    >>616
    恐ろしいこと言うなよ…
    620 : Name_Not - 2016/05/27(金) 01:57:06.37 ID:???.net (+106,+29,-8)
    >>614
    やってみればわかるけど、正しく動いてるよね?

    >>615
    >>605に正解があるじゃんw
    621 : Name_Not - 2016/05/27(金) 02:12:33.34 ID:???.net (+33,-30,-126)
    >>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 : Name_Not - 2016/05/27(金) 02:15:12.58 ID:???.net (+33,-30,-21)
    少し短くなった
    alert($('[name=a]:checked').index('[name=a]'))
    623 : Name_Not - 2016/05/27(金) 09:14:06.58 ID:???.net (+59,-29,-21)
    >>605
    >複数の<ul>それぞれの中
    という条件を見逃している

    >>615
    ヒント: 引数に関数を与える
    624 : Name_Not - 2016/05/27(金) 13:38:09.71 ID:???.net (+103,+29,-25)
    >>621>>622
    うまくいきました。ありがとうございます。
    ちなみにこういう処理をjQueryをつかわずにやるのは非常に難しいですよね?
    625 : Name_Not - 2016/05/27(金) 13:42:48.00 ID:???.net (+57,+29,-3)
    難しいというより、面倒くさい
    手間が多くなると思う。
    626 : Name_Not - 2016/05/27(金) 16:52:12.81 ID:???.net (-29,-30,-45)
    Array.prototype.slice.call(document.querySelectorAll('[name=a]'), 0).indexOf(document.querySelector('[name=a]:checked'));
    こんな感じか
    627 : Name_Not - 2016/05/27(金) 18:25:55.99 ID:???.net (+16,-30,-39)
    >>624
    難しいと感じるのはやったことがないから
    querySelectorAll と Array#indexOf を併用するだけ
    iterable に出来る実装なら for-of でも良い
    629 : Name_Not - 2016/05/27(金) 21:13:43.88 ID:???.net (+76,+29,-33)
    >>620
    じゃんw  ってw
    読解力の問題なのか何なのか、?の答えはNoだな

    >>623
    下半分俺も知りたいので具体的にソースほしいス
    630 : Name_Not - 2016/05/27(金) 21:22:12.22 ID:???.net (+4,-29,-24)
    >配列に変換しなくとも Array#indexOf を Function#call すれば良い
    KWSK
    631 : Name_Not - 2016/05/27(金) 23:11:59.84 ID:???.net (+79,-30,-34)
    >>629
    単に読み飛ばしていただけじゃんw


    > 下半分俺も知りたいので具体的にソースほしいス
    ほらよw

    $('.b').after(function() {
    return $(this).siblings('.a');
    });
    632 : Name_Not - 2016/05/27(金) 23:22:50.23 ID:???.net (+76,+29,-126)
    >>624
    jQueryを使わないで書くのは難しいんじゃなくて冗長という。
    最近はDOM APIを直接使わないフレームワークが流行りらしいが、
    DOM APIを使うならばjQueryを使ったほうが短くシンプルにわかりやすく書ける。
    633 : Name_Not - 2016/05/27(金) 23:38:23.94 ID:???.net (+79,+19,+0)
    >>631
    バカ
    634 : Name_Not - 2016/05/27(金) 23:46:37.14 ID:???.net (+68,+29,-20)
    >>633
    俺が答えを書いたのが悔しかったのか?w
    635 : Name_Not - 2016/05/27(金) 23:57:45.90 ID:???.net (+156,-30,-151)
    >>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 : Name_Not - 2016/05/28(土) 00:01:05.07 ID:???.net (+48,+25,-10)
    このように冗長なわけです。
    637 : 623 - 2016/05/28(土) 00:08:15.21 ID:???.net (+13,-30,-104)
    >>631
    上から順番に適用されるようだから大丈夫だとは思うけど
    $('ul').find('.b:last').after(~
    って特定しておいたほうがいいと思うよ

    >>605 も後半で言ってるように、ulのなかに a と bだけなら
    $('ul').append(function() {
    return $(this).find('.a');
    });
    なんてするのがシンプルかな

    でも俺はeachでもいいんじゃね?派
    638 : Name_Not - 2016/05/28(土) 00:08:18.21 ID:???.net (+94,+29,-60)
    これを冗長と感じるかは使い手の問題だな
    DOMで書く人は自分独自のコードチップを持ってるものだからjQueryの内部コードと比較して考える
    639 : 616 - 2016/05/28(土) 00:42:34.03 ID:???.net (+7,-29,-87)
    画面の項目数が、増減するかも知れないから、
    {id : 何番目} という辞書を持っておいて、
    何番目でソートすれば、項目の増減にも対応できる

    項目を削除して、1,3,4,7 とか、飛び飛びになっていても、対応できると思った
    640 : Name_Not - 2016/05/28(土) 00:50:32.76 ID:???.net (-1,-30,-63)
    >>639
    value属性を作るだけでいいのでは?
    <input type="radio" name="a" value="1">
    <input type="radio" name="a" value="2">
    <input type="radio" name="a" value="3">
    641 : Name_Not - 2016/05/28(土) 02:48:48.58 ID:???.net (+109,+29,-68)
    >>638
    > DOMで書く人は自分独自のコードチップを持ってるものだから
    それってオレオレライブラリだよね?
    仕事で、みんなバラバラな独自のコード使ったらアホだし。
    仕事で、jQueryと同じようなものを作り出すのもアホだし。
    642 : Name_Not - 2016/05/28(土) 02:54:22.65 ID:???.net (+57,+29,-56)
    ライブラリを捨てるためにDOM APIを直接使って
    でも冗長だから自分でライブラリを作るって
    本末転倒だろうw
    643 : Name_Not - 2016/05/28(土) 09:43:03.84 ID:???.net (-2,-30,-26)
    > $('.b').after(function() {
    > return $(this).siblings('.a');
    > });

    ワロタ
    644 : Name_Not - 2016/05/28(土) 10:23:04.87 ID:???.net (+68,+29,-3)
    >>631
    www
    一番大事なとこ読み飛ばすなよ
    645 : Name_Not - 2016/05/28(土) 16:33:50.53 ID:???.net (+145,+29,-47)
    >>641
    オレオレライブラリではなく、ノウハウの話
    jQueryを使おうが使うまいが、その手のコードはノウハウとして蓄積されるもの
    snippetを使い回すのに大して手間はかからない
    646 : Name_Not - 2016/05/28(土) 18:26:58.39 ID:???.net (+77,+29,-67)
    >>645
    Z80のニーモニックをバイナリで直接コーディングしていた世代から言わせてもらうと、
    低レベル言語のノウハウなんてのは蓄積しても大して役に立たない。

    「車作るには製鉄のノウハウを蓄積しないといけない」と言っているようなもの。
    647 : Name_Not - 2016/05/28(土) 18:28:09.75 ID:???.net (+46,+28,+0)
    お、おう
    648 : Name_Not - 2016/05/28(土) 21:02:03.43 ID:???.net (+196,+30,-82)
    >>645
    誰のノウハウなのかっていう一番重要な点を忘れてない?
    オレオレライブラリは、個人のノウハウでしかないでしょ?

    あんたが世界一番すごくJSが使えるんだっていうのなら
    最高のライブラリを作れるだろうけど、そんなことはまずありえないし、
    何人もの人が寄ってたかって改良しているライブラリには勝てない。

    自分が頑張っても、自分の限界以上のことは出来ない。
    多数の人が蓄積したのノウハウをを使い回すと
    自分も成長駅できる。
    649 : Name_Not - 2016/05/28(土) 21:06:59.00 ID:???.net (+57,+29,-5)
    小学生がレスしてんのかよっていうスレの流れ
    650 : Name_Not - 2016/05/28(土) 21:16:25.13 ID:???.net (+42,+19,+0)
    ということにしたい
    ←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript スレッド一覧へ
    スレッド評価: スレッド評価について
    みんなの評価 :
    タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。

    類似してるかもしれないスレッド


    トップメニューへ / →のくす牧場書庫について