X
jQuery 質問スレッド vol.8
■ このスレッドは過去ログ倉庫に格納されています
0001Name_Not_Found
垢版 |
2017/10/23(月) 06:31:18.14ID:???
JavaScriptでDOM用ライブラリであるjQueryのスレです。
次スレは>>950が>>2のテンプレ案(本スレで改善案があれば考慮)を元に立ててください

このスレはjQueryやjQuery UIの使い方やjQueryプラグインの作り方を質問するスレです。
jQueryを使って作る側のスレであって、こんなプラグインありませんか？と聞くスレではありません。
そういうのは自分で探してください。
ろくにサポートもされてなさそうな野良プラグインの使用はおすすめしません。

JavaScriptの質問は関連スレで質問して下さい。

■前スレ
jQuery 質問スレッド vol.7
https://mevius.5ch.net/test/read.cgi/hp/1478055094/

■関連スレ
JavaScript の質問用スレッド vol.130
https://mevius.5ch.net/test/read.cgi/hp/1501503056/
ECMAScript デス 6
https://mevius.5ch.net/test/read.cgi/tech/1483332914/
JavaScript ライブラリ総合質問所 vol.5
https://echo.5ch.net/test/read.cgi/hp/1465399470/
0092Name_Not_Found
垢版 |
2017/12/23(土) 10:35:22.93ID:???
>>90
javascriptでサニタイズする関数は無いよ
何が目的なのか解らないけど
$('<hoge>').text().html() で特殊文字はエスケープ出来るけど
0093Name_Not_Found
垢版 |
2017/12/23(土) 11:26:14.89ID:eqSmGdLx
>>92
ブラウザ側でsocket.ioで受信したデータをサニタイズして表示しようとしています。
$('<hoge>').text().html()の使い方についてですが、
<hoge>の部分は何でも良くて、textメソッドにサニタイズしたいタグが含まれる
可能性のある文字列を入れると戻り値としてサニタイズされた文字列が返るという
ことでしょうか？
0094Name_Not_Found
垢版 |
2017/12/23(土) 13:06:10.80ID:???
ほらくそ、真面目にサニタイズとかに答えるから
サニタイズ言うなキャンペーン読んでこい
今後サニタイズ言うな
正しい言葉で質問し直せ
でないと答えられんだろうが
0095Name_Not_Found
垢版 |
2017/12/23(土) 13:38:46.89ID:eqSmGdLx
サニタイズ言うなキャンペーン読んできましたが、
結局どうしたらいいのか良く分かりません。結局どうすればいいのですか？

サニタイズ言うなということは、HTMLタグを無効化するとか言えばいいのですか？
0096Name_Not_Found
垢版 |
2017/12/23(土) 13:41:33.37ID:???
無理に難しく言わずに用語を知らないのなら、
どうしたいのかを書けばいい
0097Name_Not_Found
垢版 |
2017/12/23(土) 13:57:18.81ID:eqSmGdLx
socket.ioでブラウザ（クライアント側）に送られてくるデータは他のユーザーが
送信したデータなのでHTMLタグなどを含んでいます。
（リアルタイムチャットサイトを作っています）
なので、受信したデータのHTMLタグなどを無効化したいです。
0098Name_Not_Found
垢版 |
2017/12/23(土) 14:17:24.35ID:???
そういうのは無効化なんていわないんだよ。まあいいや
まずな、ブラウザに送られてくるデータっていうのは
サニタイズとか無害化とか無効化しようと考えるな。そのまま使え

でだ、問題が有るときはそのデータを「画面に表示するときだけ」なんだよ

言ってる意味わかるか？ 計算に使ったりメッセージを組み立てる時とか
そういうときには、無効化する前のデータを使うってことだ。

そして一番最終段階、画面に表示するときにHTMLタグをタグとして表示するのではなく
（無効化ではなく）文字列として表示すれば良いんだよ

その場合にやるのは、<> という文字を &lt; &gt; に変換（HTMLエスケープ）するってことだ。
これが本当にお前がやりたいことだ。
無効化とかサニタイズという言い方じゃ、こういうことをしたいのかって分からんだろ？
例えば <> を消したり大文字に変換したとしても、HTMLタグとして表示されないわけで
目的（サニタイズ）は達成できてるとも言える。

それからJavaScriptにはURIエスケープは有るがHTMLエスケープはない
文字列置換で自分で作ることはできるが。そもそもそんなことをする必要がない。

なぜなら、jQueryであればhtml()メソッドを使ってデータを表示されるだけで
自動的にHTMLエスケープが行われるからだ
0099Name_Not_Found
垢版 |
2017/12/23(土) 14:38:15.63ID:eqSmGdLx
言葉が適切でなかったことを謝ります。
詳しく教えていただきありがとうございます。
0100Name_Not_Found
垢版 |
2017/12/23(土) 19:18:16.54ID:???
>>75
まともに動かないし動くわけがない
0101Name_Not_Found
垢版 |
2017/12/23(土) 19:53:58.10ID:???
理由書いてないから無視すべき書き込みだなｗ
0102Name_Not_Found
垢版 |
2017/12/23(土) 21:08:42.85ID:???
理由なんていらんわな
見ればわかること
0103Name_Not_Found
垢版 |
2017/12/23(土) 22:42:39.63ID:???
jQueryも不要
要素作って textContentに設定するだけ
（改行スタイルを CSS white-spaceで設定する）
0104Name_Not_Found
垢版 |
2017/12/23(土) 23:02:45.41ID:???
hとdivの関連性が崩れてる
UIだとカスタマイズや変更が楽だしKBも対応してるんだよな

UI使わないにしてもwhite-spaceなんぞ使わなくてもできるよ
0105Name_Not_Found
垢版 |
2017/12/24(日) 00:32:29.20ID:???
なんだ、<, > などの文字が、&lt;, &gt; に変換される、HTMLエスケープの事か

DOM 操作とか、<script> タグなどは、気を付けた方がいい
0106Name_Not_Found
垢版 |
2017/12/25(月) 22:21:01.37ID:???
バリデーション、エスケープ、フィルタリング、サニタイズ
勘違いや境目や定義の曖昧さで紛らわしくなる場合がある
>>96がごもっとも
0107Name_Not_Found
垢版 |
2017/12/25(月) 22:49:01.92ID:???
モジュールとカセットの違いを教えてください
0108Name_Not_Found
垢版 |
2017/12/29(金) 18:45:05.43ID:oD//DbIw
ソース内に一箇所だけ書かれてる「class="ランダム英数字"」を
新規にwrap()追記する際にwrap('<a href...内に
その「class="ランダム数字"」を記入することってできます？
class="(.*?)"ですかね？でも貼り付けがわからず、、
同要素、クラス内の検索置換ってのは見つかるんだけど、
ソース全体から正規表現で拾ってきたものをある場所にペーストする、ってのがわからず、、
よろしくお願いします！
0110Name_Not_Found
垢版 |
2017/12/30(土) 10:58:54.21ID:???
数字なら¥d+とかで複数桁までオケじゃね
0111Name_Not_Found
垢版 |
2017/12/30(土) 11:04:08.31ID:???
ランダム英数字の定義で、[A-Za-z0-9_] なら、\w。
アンダーバーを含まないなら、[A-Za-z0-9]

クラスを持つ、すべての要素から、半角英数字だけのクラスを取り出して、
最初の1つが見つかったら、return false; で、each 内から抜ける

wrap については「jQuery, wrap／wrapAll／wrapInner」で検索して

$( '[class]' ).each( function(){
if ( /^[A-Za-z0-9]+$/.test( $(this).prop('class') ) ){

console.log( $(this).prop('class') );
return false;
}
} )
0112Name_Not_Found
垢版 |
2017/12/30(土) 12:32:28.43ID:???
> console.log( $(this).prop('class') );
www
0113Name_Not_Found
垢版 |
2018/01/02(火) 02:06:34.00ID:???
こっちに誘導されたんで来ました
jQueryで別ファイルからヘッダとフッタを読み込みってことやったんですが、処理は上手く行っているようだが
サーバーのファイルを更新してもjQueryで読み込むから日付チェックをしていないようで古いものがキャッシュから読まれてしまう
こう言うの抑止する方法とかありませんか？

当方webに関しては殆ど素人です
0114Name_Not_Found
垢版 |
2018/01/02(火) 09:22:18.47ID:???
>>113
いまどうやってるかを書かないと
エスパーするしかないと思う

たとえば$.getでとってるなら
cache: falseとか
(日付チェックとは違うけど)
0115Name_Not_Found
垢版 |
2018/01/02(火) 10:05:03.56ID:???
>>114
すみません。ググったらなんとかなった
$(function () {
$.ajaxSetup({
cache: false
});
});
足したら直りました

ちなみに、ここで動画管理のアプリ配っています（Windows10用）
http://www7b.biglobe.ne.jp/~megatherium/

webは、ほぼ素人なので夜中に焦りましたわｗ
0116Name_Not_Found
垢版 |
2018/01/10(水) 19:11:44.11ID:???
すみません、質問です

html内にボタンを設置し、そのボタンをクリックすると他のページからメールフォームを読み込むページを作成しているのですが、
メールフォームは読み込みこめたのですが、メールフォームに付いてる住所の自動入力のスクリプトが適用されません
どのようにすればよいでしょうか？

<!-- ボタン・インクルードスクリプト -->

$('#*** a').click(function(){
$('#***').load('***.html #*** ');
return false;
});


<!-- 住所の自動入力スクリプト-->

$(window).ready( function() {
$('#postcode').jpostal({
postcode : [
#postcode'
],
address : {
'#address1' : '%3',
'#address2' : '%4%5'
}
});
});


当方、超初心者なので説明が下手かもしれませんがどうぞ宜しくお願いします
0117Name_Not_Found
垢版 |
2018/01/11(木) 02:30:34.34ID:???
そこまで初心者なら勉強しろ
ここは自ら勉強するものが躓いたときに聞きに来るところであって
コードを丸投げして直してもらうところではない
それが嫌なら有料でやれ
0118Name_Not_Found
垢版 |
2018/01/11(木) 07:31:37.72ID:XsyiIf16
>>117
そうカリカリすんなよｗ
0119Name_Not_Found
垢版 |
2018/01/11(木) 12:53:38.33ID:???
>$(window).ready( function() {
「$(document).ready()」と「$(window).load()」の違いが分からないのなら、以下を使う

$(function() {
// ここに処理内容を書く
});

それに、これらは最初のページの読み込みに反応するだけで、
後から、非同期(Ajax)で読み込んだ部分には反応しない

自分で、one(), on() で、要素にイベントハンドラーを付けて、処理すれば？
0120Name_Not_Found
垢版 |
2018/01/11(木) 17:08:14.25ID:???
>>119
ありがとうございます！！

出来ました！
0121Name_Not_Found
垢版 |
2018/01/13(土) 20:15:22.63ID:???
ｊQuery というより javascript に関する質問なのですが、よろしくお願いします。

<select id="sel">
<option value="a">A</value>
<option value="b">B</value>
<option value="c">C</value>
<option value="d">D</value>
</select>

<div id="img"></div>

こんな感じのとき、#sel の選択中に A〜D に応じるイメージを #img に表示したいと思っていますが、
option に hover イベントを仕掛けてもうまく行かないように思います。

選択項目が変化していることを知る方法はありますでしょうか？

$('#sel').change( function(){ hogehoge.. } ) はうまくいきます。
0122Name_Not_Found
垢版 |
2018/01/13(土) 20:16:49.33ID:???
>>121
すいません。
<option>の閉じは</option>です。
0123Name_Not_Found
垢版 |
2018/01/13(土) 20:46:30.80ID:???
>>121
正確に言うとDOMの話なんでJavaScriptの話じゃないけどな。
JavaScriptはブラウザ以外でも動く。ブラウザ特有のものはJavaScriptではない
0124Name_Not_Found
垢版 |
2018/01/13(土) 22:10:37.98ID:???
>>123

121, 122 です。それは失礼しました。
で、答えは？
0125Name_Not_Found
垢版 |
2018/01/13(土) 22:39:45.98ID:Fu9ngI75
buttonをクリックしたら特定のdivの中にある画像をクリップボードにコピーしたいの
ですが、jQueryあるいはJavaScriptで出来ますか？
0128Name_Not_Found
垢版 |
2018/01/13(土) 23:41:38.51ID:???
>>127だけどごめん、画像ならできないかも
やったことない
0129Name_Not_Found
垢版 |
2018/01/14(日) 10:58:48.61ID:???
>>121
根本的にUIに沿わない
あくまでselectはセレクトボックス
0130Name_Not_Found
垢版 |
2018/01/14(日) 11:07:19.12ID:???
そうだね
divでやればいいと思う
0131Name_Not_Found
垢版 |
2018/01/14(日) 17:04:44.06ID:???
selectはUIじゃないぞ？
UIはブラウザベンダーが決めてる。
HTMLとしてはselectは複数のoptionから選べるってだけの機能
そのUIをどう実装するかは関係ない
またよくある手としてJavaScriptでselectをブラウザ標準から
拡張することもよくある話
なので>>121はselect使うべき
0132Name_Not_Found
垢版 |
2018/01/14(日) 19:47:02.47ID:???
よくあるかどうかなんて誰も聞いていません
0133Name_Not_Found
垢版 |
2018/01/14(日) 20:24:34.72ID:???
>>121
そういうのタッチデバイスで意味ないから

>>131
そういうユーザ操作ひっくるめてUIでないの？
0135Name_Not_Found
垢版 |
2018/01/15(月) 17:30:39.34ID:???
>>125
Electron を使えば？

Electronではじめるアプリ開発
~JavaScript/HTML/CSSでデスクトップアプリを作ろう
野口 将人・倉見 洋輔、2017

この本を読めば？
0136Name_Not_Found
垢版 |
2018/01/15(月) 20:20:56.50ID:???
また売れない筆者か関係者か
0137Name_Not_Found
垢版 |
2018/01/15(月) 23:54:32.14ID:???
Electronでふと思い出したがVisualstudio codeって使い心地どうすか
俺が描くのってHTMLCSSjQueryだけなんだけど
0138Name_Not_Found
垢版 |
2018/01/16(火) 13:39:52.43ID:???
>>137
起動がやや重い(Atomよりはマシ)が起動後はスムーズで悪くない
0139Name_Not_Found
垢版 |
2018/01/16(火) 13:59:29.06ID:???
VS Code で、Windows で、Ruby も楽々。
コンソール画面には、PowerShell

Emmet, SASS, MD やら、これが無料で、笑いが止まらない www

【Microsoft Tech Summit】APP017 PowerShellの新しい相棒 Visual Studio Code
https://www.youtube.com/watch?v=0zo6z0yHrGk
0140Name_Not_Found
垢版 |
2018/01/28(日) 10:57:06.54ID:???
.aaaに動的に付けたclass(bbb ccc ddd・・・)の削除や付け直しを一括でしたく
$('.aaa').removeClass('bbb ccc ddd・・・');
を
$('.aaa').removeClass().addClass('aaa');
とするのはあり?
0142Name_Not_Found
垢版 |
2018/01/28(日) 11:50:24.50ID:???
>>140
それだと静的に付けたclassまで消えちゃうじゃん
0143Name_Not_Found
垢版 |
2018/01/28(日) 17:27:37.90ID:???
>>142
そうなんだけど・・・の管理が面倒で
変更の度にそこも付け加えなくてはならなくて
最初つけるclassは1,2個と少ないので楽かなと
0144Name_Not_Found
垢版 |
2018/01/28(日) 19:54:44.70ID:???
>>143
$('.aaa').removeClass(function(i, v){
return v.split(' ').slice(1).join(' ');
});
こういう感じでもええんやで
0145Name_Not_Found
垢版 |
2018/01/28(日) 21:03:38.80ID:???
一つの要素にJavaScriptからそんなに多くのクラスを
設定する必要が有ることがそもそも間違ってる
0147Name_Not_Found
垢版 |
2018/01/28(日) 21:59:16.24ID:???
たしかになんでそんなクラス付け外しするんだ
0148Name_Not_Found
垢版 |
2018/01/28(日) 22:03:12.50ID:???
>>144
aaaが必ずしも最初に来る保証がない場合は？↓とか

>>145
UI含めてライブラリで勝手に付けられたりするからな
0150Name_Not_Found
垢版 |
2018/01/29(月) 14:05:15.88ID:???
もいっこ別のクラスをつける、かな・・・
0151Name_Not_Found
垢版 |
2018/01/29(月) 21:22:55.42ID:???
>>147
ただ記事やブログ書いてるだけならそんないらんよ
ちょっと特殊な場合だな
ヒントだけ書くとスポーツやトラフィックや・・・
0152Name_Not_Found
垢版 |
2018/01/30(火) 00:27:10.26ID:???
>>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を初期値に戻すだけでいい
0153Name_Not_Found
垢版 |
2018/01/30(火) 13:03:36.92ID:???
管理が大変って今どうやってて何が大変なのか分からん。

var myTags = 'bbb ccc ddd';
で管理して
$('.aaa').addClass(myTags);
$('.aaa').removeClass(myTags);
$('.aaa').toggleClass(myTags);
とか普通に使うんじゃダメなの？
0154Name_Not_Found
垢版 |
2018/01/30(火) 19:56:46.12ID:???
何度見てもHTMLの設計に問題がある気がする
0156Name_Not_Found
垢版 |
2018/01/30(火) 21:55:59.13ID:???
data-はクセあるからな

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

classの方が楽で自然に書ける場合はある
0157Name_Not_Found
垢版 |
2018/01/30(火) 22:15:23.99ID:???
>>153
すでにbbbがあるか否かの判断がめんどくさくね？
0158Name_Not_Found
垢版 |
2018/01/30(火) 22:19:51.30ID:???
質問はランダムに動的に追加されるclassだけを削除する方法
dataなんて言ってないだろ？ｗ
0159Name_Not_Found
垢版 |
2018/01/31(水) 01:09:50.36ID:???
>>157
どうでもよくね？
<div class="aaa ccc ddd" />
に
$('.aaa').removeClass('bbb ccc ddd');
しても
<div class="aaa" />
になるだけだろ？え、俺なんか勘違いしてる？？
0160Name_Not_Found
垢版 |
2018/01/31(水) 01:56:08.51ID:???
>>156
なんか勘違いしてね？

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

普通にCSSで使える
[data-name=value]とか書けばいい
0161Name_Not_Found
垢版 |
2018/01/31(水) 02:21:08.91ID:???
.red-text { color: red }
.red-background { background-color: red }

とかしてるんじゃないの？
まあ使いかたが悪いってことだよね
0163Name_Not_Found
垢版 |
2018/01/31(水) 20:48:29.73ID:???
>>159
上にもあったがライブラリのクラスはそれを書かなくてはならない。
つまり仕様が変わると変えなくてはならない。
これは将来的に面倒な要素を残すことになる。

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

>>140なら自分の初期設定したいクラスだけ書けばいい。
0164Name_Not_Found
垢版 |
2018/01/31(水) 21:25:25.48ID:???
>>163
静的クラスのほうの仕様は変わらない前提？ならいいんじゃない
0165Name_Not_Found
垢版 |
2018/01/31(水) 21:52:29.19ID:???
>>161
２個ならず多い場合に、個別に設定＝変更する場合ならありじゃないの？
背景色だけ変えるとか
0166Name_Not_Found
垢版 |
2018/01/31(水) 22:15:20.45ID:???
勝手な憶測書いてそれ前提で否定する人って何が目的なんだろ
0167Name_Not_Found
垢版 |
2018/01/31(水) 22:28:02.20ID:???
>>162
> ならdata-はいらんがな

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

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

独自属性の場合、「独自属性とその値」になる
独自属性には自分の知らない値は入らないので、classを使うよりも
取扱が簡単になる
0168Name_Not_Found
垢版 |
2018/01/31(水) 22:30:33.73ID:???
>>166
推測しかできないような
中途半端な書き込みをするなってことだろｗ
0169Name_Not_Found
垢版 |
2018/01/31(水) 22:59:49.18ID:???
>>161
横レスだが何が言いたいのかはっきり書いてくれないかな
それだといくつかに取れる

>>168
なら手順的には先ず尋ねるべきだな
0170Name_Not_Found
垢版 |
2018/01/31(水) 23:04:33.16ID:???
>>169
> 横レスだが何が言いたいのかはっきり書いてくれないかな

クラス名 = スタイル になっているということだよ
0171Name_Not_Found
垢版 |
2018/01/31(水) 23:05:47.12ID:???
>>169
> なら手順的には先ず尋ねるべきだな

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

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

ヒントしか言わないやつは推測で答えられても文句は言わない
0172Name_Not_Found
垢版 |
2018/01/31(水) 23:06:11.96ID:???
文句は言えない　の間違い
0173Name_Not_Found
垢版 |
2018/02/01(木) 09:03:11.33ID:???
>>167
classは、すべての要素に対して使用することが出来る「分類名」
data-は、ｈｔｍｌの要素に於いて適切な属性や要素がない場合に格納することが出来る「固有の独自データ」

勘違いするなよｗ
0174Name_Not_Found
垢版 |
2018/02/01(木) 20:23:09.07ID:???
>>168
どう中途半端？

>>140 こういう書き方はあり？(yes|no?)
>>141 yes
単純明快、しかもすでに解決済み。
横から妄想書いてるのがゴチャゴチャ言ってるだけでは。
0175Name_Not_Found
垢版 |
2018/02/01(木) 20:31:22.31ID:???
妄想とは>>161などな。
すでに論点完全に外れてるからな。
0176Name_Not_Found
垢版 |
2018/02/01(木) 21:24:32.76ID:???
>>171
ヒントだけってのは俺だがわざわざ書くまでもなく容易に想像できるだろうよ
条件1→aaaの一部の状態を変化（aaa)
条件2→aaaの一部の状態を変化（bbb)
条件3→aaaの一部の状態を変化（ccc)
条件は単なるifだけじゃないぞ
ユーザ入力や関数などな
0177Name_Not_Found
垢版 |
2018/02/02(金) 00:28:09.06ID:???
>>173
> data-は、ｈｔｍｌの要素に於いて適切な属性や要素がない場合に格納することが出来る「固有の独自データ」
だから独自データだからdata-*使えってことでしょ？何が言いたいのか分からん
data-*の使い方がわからないっていうのならサンプル見つけてあげるよ

https://html.spec.whatwg.org/multipage/dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes

<label>Carpet: <input type="text" class="carpet" name="c" data-texture="deep pile"></label>
Custom data attributes (e.g. data-foldername or data-msgid) can b
<li data-length="2m11s">Beyond The Sea</li>
<p>The third <span data-mytrans-de="Anspruch">claim</span>
Here, the data-has-payment-request attribute is
<div class="spaceship" data-ship-id="92432"
data-weapons="laser 2" data-shields="50%"
data-x="30" data-y="10" data-z="90">

こういう使い方をする。この要素は「○だ」みたいな言い方ではなく
この要素の「○は△だ」みたいな時にdata-*を使うと良い

一番上の例だと、この要素のtextureはdeep pileだみたいな言い方ね
これをclassに入れて、class="carpet deep-pile" みたいにしてしまうと、テクスチャの種類が増えるたびに
removeClass(ほげ)のほげの種類がたくさん増えて困ってるっていうのが今の話題

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

特に属性セレクタの (https://developer.mozilla.org/ja/docs/Web/CSS/Attribute_selectors より)
> [attr~=value] attr という名前の、値がスペースで区切られた項目リストであり、うち 1 つが正確に "value" である属性を持つ要素を表します。

↑ これはカスタム属性をclassと同じようにスペース区切りの値として使うことを目的として作られたようなもの
（class以外でスペース区切りで値を入れるものなんてないでしょ？）
0178Name_Not_Found
垢版 |
2018/02/02(金) 00:30:32.60ID:???
だれか >>176 が言ってることを
説明できる人いる？
0179Name_Not_Found
垢版 |
2018/02/02(金) 08:57:56.34ID:???
>>177
>>140の質問に対しては>>174の通り解決している
根本的に受け答えの問題で質問の主旨を理解しよう
0180Name_Not_Found
垢版 |
2018/02/02(金) 20:18:57.98ID:???
【悲報】現在自演中の>>141さん、質問主の>>140からは完全に無視されていたｗｗｗｗｗ
0181Name_Not_Found
垢版 |
2018/02/03(土) 09:30:25.90ID:???
>>178
なるほどな、それがわからないからわけわからん書き込みが湧いてるのだな
説明も何もそのままだぞ
逆に何がわからないのか聞けばいい
0182Name_Not_Found
垢版 |
2018/02/03(土) 09:55:44.12ID:???
やっぱり>>176が言ってることを説明できない＝意味不明だから誰も理解できなかったようだね
0183Name_Not_Found
垢版 |
2018/02/03(土) 10:11:40.72ID:???
理解できてる人もいるのに誰もとはいかに

大雑把な例えだが
役員だけaに変える、新入社員だけbに変える、女性社員だけcに変える
新入社員で女性社員はbとcになる
0184Name_Not_Found
垢版 |
2018/02/03(土) 10:22:26.33ID:???
はぁ？ 説明できる人いる？って聞いただろ
誰も答えてないのになんでいると証明できる？
0185Name_Not_Found
垢版 |
2018/02/03(土) 10:33:41.17ID:???
>>183でわからないならそれでいいんじゃない
誰も困らないから
0186Name_Not_Found
垢版 |
2018/02/03(土) 10:34:11.00ID:???
>>183
関係ないけどそんな仕事したなあ

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

話きいてた? 明るい緑と明るい赤に決まってるでしょ?
0187Name_Not_Found
垢版 |
2018/02/03(土) 10:37:12.99ID:???
匿名掲示板しかもIDなしスレで証明とかもうね
0188Name_Not_Found
垢版 |
2018/02/03(土) 10:39:47.40ID:???
>>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(ほげ)のほげの種類がたくさん増えて困ってるっていうのが
今の話題だって言ってる
0189Name_Not_Found
垢版 |
2018/02/03(土) 10:47:27.69ID:???
>>186
あるある
ちなみに補足しておくと以下の場合も考えられる

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

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

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


>>188
data-とは話は分岐されている
というかアンカ追え
0190Name_Not_Found
垢版 |
2018/02/03(土) 10:51:34.29ID:???
アンカ？ こんな感じだろ

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が言ってることを説明できない＝意味不明だから誰も理解できなかったようだね
■ このスレッドは過去ログ倉庫に格納されています
ニューススポーツなんでも実況