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

    私的良スレ書庫

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

    元スレjQuery 質問スレッド vol.8

    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
    301 : Name_Not - 2018/02/11(日) 21:24:41.98 ID:???.net (+114,+29,-9)
    直接的には書いてないけど、つまり>>140の質問に対する答えは「なし」ってことね。
    302 : Name_Not - 2018/02/11(日) 21:24:49.04 ID:???.net (+113,+24,-15)
    >>298
    でグループ化とは?

    >>299
    静的に付けたclassが消えるのはいいとしてhasClassどうすんだ?ってなかったっけ?
    303 : Name_Not - 2018/02/11(日) 21:30:40.83 ID:???.net (+15,-29,-81)
    >>302
    > でグループ化とは?

    >>208に書いてあるよ
    > 値をグループ化できる。複数の値を週類ごとにまとめたものがグループ
    > classの場合は値を書くしかないから3つのグループがあって、一つのグループごとに
    > 5個の値があれば、最大15個の値を管理する必要が出てくる
    > data-*を使えば3つでいい(今は数が多くて管理が大変という話だというのを思い出そう)
    > グループと値として管理できるのがメリット
    304 : Name_Not - 2018/02/11(日) 21:31:57.45 ID:???.net (+112,+29,-38)
    >>302
    > 静的に付けたclassが消えるのはいいとしてhasClassどうすんだ?ってなかったっけ?

    hasClassって、この場合、blackか?redか?greenか?・・・・その他色々な色か?って
    ループでぐるぐる回していま何色か調べるってこと?

    そりゃ大変そうだな。
    305 : Name_Not - 2018/02/11(日) 22:57:06.16 ID:???.net (+35,-30,-276)
    data-*属性をCSSのクラスリストのように使う方法

    http://developer.mozilla.org/ja/docs/Web/CSS/Attribute_selectors
    > [attr~=value]
    > attr という名前の属性の値が空白区切りの語のリストで、その中の1つが正確に value と一致する要素を表します。

    ↑属性セレクタとしてこれがあるからできるんじゃないかと思ってみたら、
    やっぱりできるもんだなぁ。data-*属性でhasClass相当ってこれでいいでしょ?

    http://jsfiddle.net/s9epbv2k/
    -------- html
    <ul>
     <li data-test="foo bar">1</li>
     <li data-test="foo bar baz">2</li>
     <li data-test="foo baz bar">3</li>
     <li data-test="baz foo bar">4</li>
    </ul>

    -------- css
    [data-test~="baz"] {
    color: red;
    }

    -------- js
    $('[data-test~="baz"]').on('click', function() {
     alert($(this).text())
    })
    $('li').on('click', function() {
     alert($(this).is('[data-test~="baz"]'));
    })
    307 : Name_Not - 2018/02/12(月) 08:28:42.43 ID:???.net (+57,+29,-5)
    立ち返っていうとですね
    data属性を使わなくてもidとclassでどうにでもなることだとなんだけどねw
    308 : Name_Not - 2018/02/12(月) 09:58:07.12 ID:???.net (+72,+29,-8)
    >>304
    全て調べるとは限らないぞ
    greenが含まれているか否か、それだけの場合もある
    309 : Name_Not - 2018/02/12(月) 11:13:06.31 ID:???.net (+53,+14,-8)
    >>305
    孫以下はどうするよ?has使うか?回りくどいな
    310 : Name_Not - 2018/02/12(月) 11:16:33.87 ID:???.net (+10,-30,-79)
    >>309
    今はhasClassとの違いだったよね?

    まずhasClassはこう書けるというのを示してくんない?
    hasClassで孫以下はどうするのよ?


    それにしても $(this).is('[data-test~="baz"]') は最強だな
    セレクタ使うから、$(this).is('span [data-test~="baz"]')
    みたいなことまでできるのが容易に思いつく


    hasClassで孫以下はどうするのよ?
    311 : Name_Not - 2018/02/12(月) 15:26:16.07 ID:???.net (+57,+29,-34)
    セレクタよりなるべくメソッド使いたいもんだな
    toggleClassはできそうだが問題は他のライブラリがつけたクラスだな
    無視するかはその人次第なのでそうしろとか有り得んわ
    312 : Name_Not - 2018/02/12(月) 17:03:35.60 ID:???.net (+55,+29,-18)
    > セレクタよりなるべくメソッド使いたいもんだな

    お前の好みなんかどうでもいい
    313 : Name_Not - 2018/02/12(月) 17:04:47.81 ID:???.net (+57,+29,-17)
    > 無視するかはその人次第なのでそうしろとか有り得んわ

    無視するかはその人次第なので、
    そうしろとか有り得んわ
    なんて、お前が決めることではない
    314 : Name_Not - 2018/02/12(月) 17:33:00.27 ID:???.net (+5,-22,-1)
    そうだな、data-かclassかはお前が決めることではない
    315 : Name_Not - 2018/02/12(月) 17:38:10.80 ID:???.net (+57,+29,-18)
    単にこの問題に対してdata-*の方が優れているという
    ことを論理的に説明しただけ。

    これは決まっている事実を公表しただけ
    俺が決めたわけじゃない
    316 : Name_Not - 2018/02/12(月) 22:52:55.64 ID:???.net (+91,+29,-19)
    詳細がわからない以上どっちもどっちだろ
    どちらが優れていると確定できるわけがない
    上で同じようなこと書いてる人がいたが各々好きにすればいいだけ
    317 : Name_Not - 2018/02/12(月) 23:01:02.40 ID:???.net (+70,+29,-37)
    >>316
    話がごっちゃになってるぞ
    最終的に選ぶのが聞いた人であって、
    今回の話にdata-*が有利なのは単なる事実だ
    318 : Name_Not - 2018/02/12(月) 23:02:47.41 ID:???.net (+20,-30,-93)
    もともとclassでやると・・・の管理が面倒って話だからな
    最初っからclassでは大変だっていう自覚はあったわけだ
    それをどう解決すべきかがわからずclassで頑張ろうとしていただけで

    143 名前:Name_Not_Found[sage] 投稿日:2018/01/28(日) 17:27:37.90 ID:???
    >>142
    そうなんだけど・・・の管理が面倒で
    変更の度にそこも付け加えなくてはならなくて
    最初つけるclassは1,2個と少ないので楽かなと
    319 : Name_Not - 2018/02/12(月) 23:12:07.25 ID:???.net (+57,+29,-21)
    data-でもそれはそれで面倒な点があるかもしれんだろうに
    解決策は最初からほぼわかってた
    ただ確信が持てないので聞いただけだろ

    >とするのはあり?
    320 : Name_Not - 2018/02/12(月) 23:19:01.96 ID:???.net (+57,+29,-15)
    かも知れないなら、まず最初に質問者に聞くべきだな
    自分の想像で、問題あるという前提で話をするのはやめろ
    321 : Name_Not - 2018/02/12(月) 23:20:27.30 ID:???.net (+91,+29,-13)
    仕様がこれ以上変わらないなら答えは「あり」
    業務アプリ作ってんじゃねーんだぞアホらしい
    322 : Name_Not - 2018/02/12(月) 23:22:04.86 ID:???.net (+49,-30,-221)
    > 140
    > .aaaに動的に付けたclass(bbb ccc ddd・・・)の削除や付け直しを一括でしたく
    > $('.aaa').removeClass('bbb ccc ddd・・・');
    > を
    $('.aaa').removeClass().addClass('aaa');
    > とするのはあり?

    > 142
    > >>140
    > それだと静的に付けたclassまで消えちゃうじゃん

    > 143
    > >>142
    > そうなんだけど・・・の管理が面倒で
    > 変更の度にそこも付け加えなくてはならなくて
    > 最初つけるclassは1,2個と少ないので楽かなと


    この一連の流れから明らかだな。
    静的に付けたclassまで消えるのが問題だと認識してる。
    323 : Name_Not - 2018/02/12(月) 23:23:15.97 ID:???.net (+75,+29,-41)
    >>321
    > 仕様がこれ以上変わらないなら答えは「あり」

    何言ってんだ?

    removeClassが消えるのは嫌だけど・・・が面倒だって話だろ
    ならもっといい方法がないか探してるってことだよ
    324 : Name_Not - 2018/02/12(月) 23:24:56.17 ID:???.net (+7,-29,-9)
    はっきりさせておこう。

    この例では、classを使うよりdata-*属性を使ったほうが良い
    ここまではみんなOKだよな
    325 : Name_Not - 2018/02/12(月) 23:25:12.12 ID:???.net (+9,-14,+1)
    >>324
    OK
    326 : Name_Not - 2018/02/12(月) 23:26:49.69 ID:???.net (+36,-29,-40)
    ということは、あとはclassを使うか、data-*を使うかは
    質問者が選ぶことだ。

    回答者としては、質問者へ回答を書くのみ
    classを使った案とdata-*を使った優れた案がでた

    この段階でclassを押し付けるのはおかしい
    327 : Name_Not - 2018/02/12(月) 23:31:25.91 ID:???.net (+51,-30,-149)
    質問者の >>140>>142 から

    > .aaaに動的に付けたclass(bbb ccc ddd・・・)の削除や付け直しを一括でしたく
    ということにたいして

    > $('.aaa').removeClass().addClass('aaa');
    という回答は

    静的に付けたclassが消えるという問題があると
    質問者と回答の双方が認識しているわけだ

    問題があると認識してる時点で
    この質問は「なしだけどしかたないのかなぁ」という話に変わったわけだ
    328 : Name_Not - 2018/02/12(月) 23:34:53.40 ID:???.net (+152,+29,-66)
    もし静的に付けたclassが消えてもいいというのなら
    >>143は「静的に付けたclassが消えても問題ないです」とい
    レスになっていただろう。

    だが>143は、消えちゃうんだけど(それを避けようとすると)・・・の管理が面倒になる
    という話をしているわけだ。

    この流れで、もっと良い案、data-*属性を使ったやり方が出るのは当然だろう
    329 : Name_Not - 2018/02/12(月) 23:46:44.56 ID:???.net (+11,-26,-16)
    >>323
    >removeClassが消えるのは嫌

    捏造しないように
    むしろいいかもしれんぞ
    330 : Name_Not - 2018/02/12(月) 23:48:09.67 ID:???.net (+82,-29,-14)
    捏造も何もちゃんと書いてあるじゃん

    > 142
    > >>140
    > それだと静的に付けたclassまで消えちゃうじゃん

    > 143
    > >>142
    > そうなんだけど・・・の管理が面倒で
    331 : Name_Not - 2018/02/12(月) 23:50:57.53 ID:???.net (+181,+29,-20)
    みなさんいろいろすみません>>140です
    こういうの書くと成りすましに見られるから控えていたのですが

    >>328
    静的に付けたclassは消えても問題ないです
    ただのセレクタ役だし、またつければいいだけで
    332 : Name_Not - 2018/02/12(月) 23:54:49.29 ID:???.net (+145,+29,-13)
    >>331
    バレバレだ。なりすましするな
    333 : Name_Not - 2018/02/12(月) 23:55:07.69 ID:???.net (+57,+29,-14)
    顧客が本当に必要だったものワロタwwwww
    334 : Name_Not - 2018/02/12(月) 23:55:28.16 ID:???.net (+159,+29,-15)
    >>331
    > ただのセレクタ役だし、またつければいいだけで

    ただのセレクタ役とは?
    またつければいいというのは、どうやって?
    335 : Name_Not - 2018/02/13(火) 00:12:21.11 ID:???.net (+110,+29,-10)
    >>332
    こういうのがいるから後から書きづらくなるんだよな
    スレに悪影響以外何者でもない

    >>334
    出てるじゃん
    336 : Name_Not - 2018/02/13(火) 00:14:07.80 ID:???.net (+69,+29,-31)
    >>330
    嫌と書いてないのを君が証明してどうするよw
    337 : Name_Not - 2018/02/13(火) 00:18:58.36 ID:???.net (+62,+29,-6)
    >>326
    押し付けてるアンカよろ
    どっちでもいいは幾つかあるが
    338 : Name_Not - 2018/02/13(火) 00:21:37.55 ID:???.net (+79,+29,-23)
    >>335
    でてるじゃんじゃなくて、
    どこにでてるのかって話だ

    >>334
    で、ただのセレクタ役とは?
    またつければいいというのは、どうやって?
    339 : Name_Not - 2018/02/13(火) 00:22:33.11 ID:???.net (+57,+29,-27)
    どっちを使えとか押し付けてはいないな。
    ただこの場合はdata-*属性を使ったほうが
    シンプルに実装できるってだけの話だ
    340 : Name_Not - 2018/02/13(火) 00:25:02.39 ID:???.net (+62,+29,-22)
    確かにいままで出た条件の範囲では
    data-*属性のほうが良いかもしれないけど

    もしかしたら、明らかになってない条件の中に
    data-*属性じゃだめな理由があるかもしれないだろ!
    お願いだ。それを誰か書いてくれ
    このままじゃ負ける
    341 : Name_Not - 2018/02/13(火) 00:40:32.31 ID:???.net (+32,+14,-1)
    負けるとかwww
    342 : Name_Not - 2018/02/13(火) 00:49:54.45 ID:???.net (+57,+29,-22)
    なりすましするなら最後まで本人になりきって
    質問に答えなきゃだめだろw
    中途半端なことをするから余計怪しまれる
    343 : Name_Not - 2018/02/13(火) 09:14:17.29 ID:???.net (+87,-30,-105)
    >>140
    > $('.aaa').removeClass().addClass('aaa');
    > とするのはあり?
    '.aaa'というセレクタで指定していることから静的に
    追加したclassを変更する意図とケースは無いと見られる
    後から追加されたclassNameは必ず後に追加されるので
    >>144で答えは出ていると思うけどね
    344 : Name_Not - 2018/02/13(火) 09:15:27.85 ID:???.net (+74,+28,+0)
    >>343
    つまり問題ないってことか
    ありがとう
    345 : Name_Not - 2018/02/13(火) 09:46:47.03 ID:???.net (+46,-30,-104)
    >>344
    条件次第だけどそうだと思うけどね?
    jQueryでも古いバージョンにはセレクタのプロパティーがあったんだよね
    最近のバージョンではなくなっているけど
    $('.aaa').selector // '.aaa'
    これを活用してインスタンスメソッドを作成しておくってこともできたんだけど
    346 : Name_Not - 2018/02/13(火) 09:47:52.64 ID:???.net (+57,+29,-22)
    何こいつ問題あるかないかにこだわってるんだろう
    しかも質問者じゃない人のレスで満足して。
    誰かに問題ありませんって言ってほしいだけかよw
    承認欲求ってやつだな
    347 : Name_Not - 2018/02/13(火) 09:51:14.33 ID:???.net (+21,-29,-80)
    >>343
    > '.aaa'というセレクタで指定していることから静的に
    > 追加したclassを変更する意図とケースは無いと見られる

    静的に追加したclassっていうのを誤解してるんじゃね?
    JavaScriptで追加したものじゃなくて、HTMLに書かれた
    classって意味だよ。デザインの都合で。

    JavaScriptの役目としては、コードで付けたもの以外は
    そのまま残しておく。だからremoveClassで全部消えちゃうのは
    まずいわけ
    348 : Name_Not - 2018/02/13(火) 09:52:25.13 ID:???.net (+73,+29,-22)
    >>345
    > これを活用してインスタンスメソッドを作成しておくってこともできたんだけど

    こっちはまったく意味不明。何がしたいのかさっぱりわからない。
    349 : Name_Not - 2018/02/13(火) 10:11:01.08 ID:???.net (+53,-29,-53)
    >>347
    >>144だと全部消えないだろ?
    あくまで静的なclassNameは'aaa'での条件
    質問の条件に対してことだよ
    自己解釈しているのはアンタの方だろ?w
    >>348
    これは以前のjQueryにおいてのこと
    350 : Name_Not - 2018/02/13(火) 10:57:12.25 ID:???.net (+68,+29,-42)
    >>349
    だから.aaa以外の静的に付けたものは消えるじゃん
    それにそのコードだとaaaが2番目以降に来ると問題が有るし
    ←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript スレッド一覧へ
    スレッド評価: スレッド評価について
    みんなの評価 :
    タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。

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


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