私はFacebook用のWebExtensionをプログラミングしており、プライバシー設定に基づいてCSSを起動します。forループをjQueryセレクタの中で実行するには?
$(document).ready(function(){
$("a[data-tooltip-content*='Public']").closest(".userContentWrapper._5pcr").css({"background-color": "yellow"});
$("a[data-tooltip-content*='Only Me']").closest(".userContentWrapper._5pcr").css({"background-color": "lime"});
$("a[data-tooltip-content*='friends']").closest(".userContentWrapper._5pcr").css({"background-color": "cyan"});
$("a[data-tooltip-content*='Public']").closest("._2tdc").css({"background-color": "yellow"});
$("a[data-tooltip-content*='Only Me']").closest("._2tdc").css({"background-color": "lime"});
$("a[data-tooltip-content*='friends']").closest("._2tdc").css({"background-color": "cyan"});
しかし、別のページレイアウトには、CSSコードで呼び出す必要のあるクラス値が異なります。
for
ループをjQueryセレクタ内に書き込む方法はありますか?
$("a[data-tooltip-content*='Public']").closest("**For(a list of class name), loop through all of them)**").css({"background-color": "yellow"});
私は$.each
のjQueryを使用してみましたが、私は実際に文書を読んだ後のアイデアの多くを持っていません。
var obj = {".userContentWrapper._5pcr" , "._2dc"};
$.each(obj, function(index,element)){
$("a[data-tooltip-content]").closest(obj).css({"background-color": "violet"});
$("a[data-tooltip-content*='Public']").closest(obj).css({"background-color": "yellow"});
$("a[data-tooltip-content*='Only Me']").closest(obj).css({"background-color": "lime"});
$("a[data-tooltip-content*='friends']").closest(obj).css({"background-color": "cyan"});
}
サンプル結果(original image link):
[ '$ .each'](http://api.jquery.com/jquery.each/) – empiric
カンマ、あなたは上の選択する必要がある場合複数のクラス。 –
が削除されました~~~~~~~~~ – jona