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

JavaScript覧 / PC版 /

みんなの評価 :

前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ

/ 要望・削除依頼は掲示板へ / 管理情報はtwitterで

151 = :

>>147
ただ記事やブログ書いてるだけならそんないらんよ
ちょっと特殊な場合だな
ヒントだけ書くとスポーツやトラフィックや・・・

152 = :

>>148
ライブラリで勝手につけられると言っても
せいぜいbootstrapみたいに btn btn-primary btn-lg active ぐらいなもんだろ？
一つの要素に4つとかそのぐらいの数しかいらない
これもbootstrapのCSSの設計上これだけいるってだけで、
JavaScriptから設定するクラスだとやっぱりそんなにいらないと思う

まあ推測するに

<div data-state="a"></div>
<div data-state="b"></div>
<div data-state="c"></div>
<div data-state="d"></div>

みたいにやればいいのに、classで

<div class="a"></div>
<div class="b"></div>
<div class="c"></div>
<div class="d"></div>

こんな風にやろうとしてるんでしょ？

だからe, f, g が増えたらリセットするために、e, f, gのクラスを消すように
メンテナンスしなくちゃいけない！ってなってるんだと思うよ。
つまりやっぱり使い方が間違ってる。

前者のやり方であれば、当然data-stateを初期値に戻すだけでいい

153 = :

管理が大変って今どうやってて何が大変なのか分からん。

var myTags = 'bbb ccc ddd';
で管理して
$('.aaa').addClass(myTags);
$('.aaa').removeClass(myTags);
$('.aaa').toggleClass(myTags);
とか普通に使うんじゃダメなの？

154 = :

何度見てもHTMLの設計に問題がある気がする

156 = :

data-はクセあるからな

キャッシュの問題
CSSに反映されない
$.hasDataはイベント有無で変わる

classの方が楽で自然に書ける場合はある

157 = :

>>153
すでにbbbがあるか否かの判断がめんどくさくね？

159 = :

>>157
どうでもよくね？
<div class="aaa ccc ddd" />
に
$('.aaa').removeClass('bbb ccc ddd');
しても
<div class="aaa" />
になるだけだろ？え、俺なんか勘違いしてる？？

160 = :

>>156
なんか勘違いしてね？

jQueryのdataじゃなくて
data-x属性だぞ

普通にCSSで使える
[data-name=value]とか書けばいい

161 = :

.red-text { color: red }
.red-background { background-color: red }

とかしてるんじゃないの？
まあ使いかたが悪いってことだよね

162 = :

>>156
あとdata()前後とかな

>>160
ならdata-はいらんがな

163 = :

>>159
上にもあったがライブラリのクラスはそれを書かなくてはならない。
つまり仕様が変わると変えなくてはならない。
これは将来的に面倒な要素を残すことになる。

また、仕様変更でeeeが加わった場合にそこも書き直さなくてはならない。

>>140なら自分の初期設定したいクラスだけ書けばいい。

164 = :

>>163
静的クラスのほうの仕様は変わらない前提？ならいいんじゃない

165 = :

>>161
２個ならず多い場合に、個別に設定＝変更する場合ならありじゃないの？
背景色だけ変えるとか

166 = :

勝手な憶測書いてそれ前提で否定する人って何が目的なんだろ

167 = :

>>162
> ならdata-はいらんがな

HTML5違反をして、独自属性をつけるって話？
そりゃそれならいらんだろうなｗだがそこは論点じゃない

classではなく独自の属性を使えという話
classを使うと「値のリスト」にしかならない。classという名前は固定
だからclassに自分の知らない値が入ることを考慮する必要が出てくる

独自属性の場合、「独自属性とその値」になる
独自属性には自分の知らない値は入らないので、classを使うよりも
取扱が簡単になる

168 = :

>>166
推測しかできないような
中途半端な書き込みをするなってことだろｗ

169 = :

>>161
横レスだが何が言いたいのかはっきり書いてくれないかな
それだといくつかに取れる

>>168
なら手順的には先ず尋ねるべきだな

170 = :

>>169
> 横レスだが何が言いたいのかはっきり書いてくれないかな

クラス名 = スタイルになっているということだよ

171 = :

>>169
> なら手順的には先ず尋ねるべきだな

尋ねる前にヒントだけしかかかないような書き込みしてるだろ

>>151
> ヒントだけ書くとスポーツやトラフィックや・・・

ヒントしか言わないやつは推測で答えられても文句は言わない

172 = :

文句は言えない　の間違い

173 = :

>>167
classは、すべての要素に対して使用することが出来る「分類名」
data-は、ｈｔｍｌの要素に於いて適切な属性や要素がない場合に格納することが出来る「固有の独自データ」

勘違いするなよｗ

174 = :

>>168
どう中途半端？

>>140 こういう書き方はあり？(yes|no?)
>>141 yes
単純明快、しかもすでに解決済み。
横から妄想書いてるのがゴチャゴチャ言ってるだけでは。

175 = :

妄想とは>>161などな。
すでに論点完全に外れてるからな。

176 = :

>>171
ヒントだけってのは俺だがわざわざ書くまでもなく容易に想像できるだろうよ
条件1→aaaの一部の状態を変化（aaa)
条件2→aaaの一部の状態を変化（bbb)
条件3→aaaの一部の状態を変化（ccc)
条件は単なるifだけじゃないぞ
ユーザ入力や関数などな

178 = :

だれか >>176 が言ってることを
説明できる人いる？

179 = :

>>177
>>140の質問に対しては>>174の通り解決している
根本的に受け答えの問題で質問の主旨を理解しよう

180 = :

【悲報】現在自演中の>>141さん、質問主の>>140からは完全に無視されていたｗｗｗｗｗ

181 = :

>>178
なるほどな、それがわからないからわけわからん書き込みが湧いてるのだな
説明も何もそのままだぞ
逆に何がわからないのか聞けばいい

182 = :

やっぱり>>176が言ってることを説明できない＝意味不明だから誰も理解できなかったようだね

183 = :

理解できてる人もいるのに誰もとはいかに

大雑把な例えだが
役員だけaに変える、新入社員だけbに変える、女性社員だけcに変える
新入社員で女性社員はbとcになる

184 = :

はぁ？説明できる人いる？って聞いただろ
誰も答えてないのになんでいると証明できる？

185 = :

>>183でわからないならそれでいいんじゃない
誰も困らないから

186 = :

>>183
関係ないけどそんな仕事したなあ

新入社員の名前は明るい緑で、女性の名前は明るい赤でっていわれて
じゃあ女性の新入社員の名前の色はどちらにしますかってきいたら

話きいてた? 明るい緑と明るい赤に決まってるでしょ?

187 = :

匿名掲示板しかもIDなしスレで証明とかもうね

188 = :

>>183
> 役員だけaに変える、新入社員だけbに変える、女性社員だけcに変える
> 新入社員で女性社員はbとcになる

それがどうしたの？

>>177にも書いているが
「○は△だ」みたいなときはdata-*を使えば良いんだよ
CSSでもdata-*に対してスタイルを設定できる

<span class="person" data-position="officer data-proficiency="newly" data-gender="female">

[data-proficiency="newly"] {
　　font-weight: bold;
}

[data-gender="female"] {
　　color: red;
}

複数の異なった属性を、属性名をつけずに全部クラスに入れるから
removeClass(ほげ)のほげの種類がたくさん増えて困ってるっていうのが
今の話題だって言ってる

189 = :

>>186
あるある
ちなみに補足しておくと以下の場合も考えられる

上書きで後者指定優先（あまりすすまないが）

全て色とは限らず、色形位置などかぶらない状態

全て色でもその社員の同じ位置とは限らない
顔胴体背景、更に擬似要素で別部分

>>188
data-とは話は分岐されている
というかアンカ追え

190 = :

アンカ？こんな感じだろ

145 自分：Name_Not_Found[sage] 投稿日：2018/01/28(日) 21:03:38.80 ID:???
一つの要素にJavaScriptからそんなに多くのクラスを
設定する必要が有ることがそもそも間違ってる
↓↓↓↓↓

147 名前：Name_Not_Found[sage] 投稿日：2018/01/28(日) 21:59:16.24 ID:???
たしかになんでそんなクラス付け外しするんだ
↓↓↓↓↓

151 名前：Name_Not_Found[sage] 投稿日：2018/01/29(月) 21:22:55.42 ID:???
>>147
ただ記事やブログ書いてるだけならそんないらんよ
ちょっと特殊な場合だな
ヒントだけ書くとスポーツやトラフィックや・・・
↓↓↓↓↓

>>151
> ヒントだけ書くとスポーツやトラフィックや・・・
ヒントしか言わないやつは推測で答えられても文句は言わない
↓↓↓↓↓

176 名前：Name_Not_Found[sage] 投稿日：2018/02/01(木) 21:24:32.76 ID:???
>>171
ヒントだけってのは俺だがわざわざ書くまでもなく容易に想像できるだろうよ
条件1→aaaの一部の状態を変化（aaa)
略
↓↓↓↓↓

182 自分：Name_Not_Found[sage] 投稿日：2018/02/03(土) 09:55:44.12 ID:???
やっぱり>>176が言ってることを説明できない＝意味不明だから誰も理解できなかったようだね

191 = :

アンカたどればわかるが、

結局のところ一つの要素に、そんなにクラスを
設定する必要があるってのがそもそも間違いなんだよ。

一つのclassにいろんな属性をごちゃ混ぜでぶち込むから
管理できなくなってるんだろうが。

data-*を使って属性の種類ごとに分ければ良い
異なった属性を全部classに入れるな

192 = :

>>191
>一つのclassにいろんな属性をごちゃ混ぜでぶち込む

どれのこと？

193 = :

>>192
アンカたどれ
これのことだ

145 自分：Name_Not_Found[sage] 投稿日：2018/01/28(日) 21:03:38.80 ID:???
一つの要素にJavaScriptからそんなに多くのクラスを
設定する必要が有ることがそもそも間違ってる

もっとたどるならこれのことだ

140 名前：Name_Not_Found[sage] 投稿日：2018/01/28(日) 10:57:06.54 ID:???
.aaaに動的に付けたclass(bbb ccc ddd・・・)の削除や付け直しを一括でしたく
$('.aaa').removeClass('bbb ccc ddd・・・');
を
$('.aaa').removeClass().addClass('aaa');
とするのはあり?

143 名前：Name_Not_Found[sage] 投稿日：2018/01/28(日) 17:27:37.90 ID:???
>>142
そうなんだけど・・・の管理が面倒で
変更の度にそこも付け加えなくてはならなくて
最初つけるclassは1,2個と少ないので楽かなと

194 = :

$('.aaa').removeClass('bbb ccc ddd・・・');
で一つづつremoveClassするのは大変だからって
$('.aaa').removeClass() してしまうのは
>>142が指摘したとおりの問題が有る

142 名前：Name_Not_Found[sage] 投稿日：2018/01/28(日) 11:50:24.50 ID:???
>>140
それだと静的に付けたclassまで消えちゃうじゃん

> そうなんだけど・・・の管理が面倒で
> 変更の度にそこも付け加えなくてはならなくて

となるのは、classに複数の異なった属性を属性を入れてしまうから
管理が面倒になるほどの自体になる。
そして>>183もその通りのことをやってしまった。
複数の異なった属性を一つのclassに入れてしまうから
classの値がたくさん増えることになり管理が面倒になる