Jqueryで｢:before｣のような疑似ｸﾗｽの値を変更するのはどうすればよいでしょうか｡やりたい事としてはｱｲｺﾝﾌｫﾝﾄのﾌﾟﾛﾊﾟﾃｨ(font-sizeやcolor)を変更したいと考…

人力検索はてな

ﾓﾊﾞｲﾙ版を表示しています｡PC版はこちら

Jqueryで｢:before｣のような疑似ｸﾗｽの値を変更するのはどうすればよいでしょうか｡

やりたい事としてはｱｲｺﾝﾌｫﾝﾄのﾌﾟﾛﾊﾟﾃｨ(font-sizeやcolor)を変更したいと考えています｡

現状はどうしてもｱｸｾｽできないので$(ｾﾚｸﾀ).removeClassや$(ｾﾚｸﾀ).addClassで変更しているのですが､できれば$(ｾﾚｸﾀ).css()のような形で操作できればと考えています｡

●質問者: 匿名質問者
●ｶﾃｺﾞﾘ:ｲﾝﾀｰﾈｯﾄｳｪﾌﾞ制作
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

▽1 ● 匿名回答1号

え｡

$("div#target").prev().css("color", "red");

とかで取って来られないんでしたっけ｡｡｡
http://www.tohoho-web.com/js/jquery/traversing.htm

匿名質問者さんのｺﾒﾝﾄ
回答ありがとうございます｡試してみたのですがやはりｱｸｾｽできないようです｡

匿名回答1号さんのｺﾒﾝﾄ
>| $("#target").children("#before_item").css("color", "red"); |< でどうだ！職場にいれば､すぐに試せるのにもどかしい！！

匿名回答1号さんのｺﾒﾝﾄ
いや､ >| $("#target").children().first().css("color", "red"); |< が確実かな｡

匿名質問者さんのｺﾒﾝﾄ
試してみましたがやはりうまくいきませんでした｡具体的には以下のｻｲﾄで落とせるｱｲｺﾝﾌｫﾝﾄを利用しております｡ http://www.flaticon.com/ 色々と情報を探していますが､Googleでも具体的な例が存在しないところを見ると､そもそも現状のCSSやJavaScriptの仕様では難しい(そもそもできない)のかもしれません｡

匿名回答1号さんのｺﾒﾝﾄ
うｰん｡ >| $("#target").before("＜img src='...'＞＜／img＞"); |< で作っておいて､ >| $("#target").prev().css("color", "red"); |< で出来るはずだと思うんだけど｡ﾄﾞｺが違うんだろう｡｡｡

匿名質問者さんのｺﾒﾝﾄ
えっと､おそらくそれは｢#target｣の前後に特定のｺﾝﾃﾝﾂを追加して､そのｺﾝﾃﾝﾂをprev又はnextでｱｸｾｽし､そのﾌﾟﾛﾊﾟﾃｨにｱｸｾｽしているのだと思います｡もともとbefore()自体がｺﾝﾃﾝﾂの追加ﾒｿｯﾄﾞですので｡ですので､疑似ｾﾚｸﾀにｱｸｾｽしているわけではないのではないかと思います｡

匿名回答1号さんのｺﾒﾝﾄ
ああ｡:before､:after疑似ｾﾚｸﾀ自体は､他の疑似ｾﾚｸﾀと違って､JQueryで直接は対応してないんですよ｡たぶん前述の方法でｺﾝﾃﾝﾄを追加して操作する思想なんだと思います｡

匿名質問者さんのｺﾒﾝﾄ
そうですね｡やはり双方技術的には別物であるので現状の仕様では直接操作する方法は存在しないようですね｡色々とありがとうございました｡

▽2 ● 匿名回答2号

$(ｾﾚｸﾀ).css(??) と書く時，ｾﾚｸﾀ内に疑似ｸﾗｽを含めるはずですが｡
･･･そういう話ではないのですか？

匿名質問者さんのｺﾒﾝﾄ
回答ありがとうございます｡最初はｾﾚｸﾀに含めて対応できるかと思ったのですが､どうやってもｱｸｾｽできないようです｡ $("#example:before").css("color", "#ffffff")のような形では無理でした｡ｾﾚｸﾀそのものの指定を誤っているかとも思ったのですが､ﾈｯﾄで探しても情報が上手く見つからず… どのように指定すればよいのでしょうか？

匿名回答1号さんのｺﾒﾝﾄ
疑似ｾﾚｸﾀでは:beforeに対応してないんですよねｰ(泣

匿名回答2号さんのｺﾒﾝﾄ
ごめん，jQueryどころかそもそもJavaScriptって疑似ｸﾗｽに対応してないんでした｡ >CSSの疑似ｸﾗｽは非DOM｡JavaScript/jQueryで直接操作は不可能｡style要素の動的変更で対処せよ >http://d.hatena.ne.jp/TipsMemo+computer-technology/20140426/p1