FROM CACHE - jp_header
このコミュニティはピアツーピアサポートに移行しました。Shopify サポートは今後、このコミュニティへのサービスを提供いたしません。これからもぜひ、他のマーチャントやパートナーとつながり、サポートし合い、経験を共有してください。 当社の行動規範に違反する行動や削除を希望するコンテンツがありましたら、引き続きご報告ください

jQueryでの条件指定の方法について

解決済

jQueryでの条件指定の方法について

takeoube
Shopify Partner
15 0 5

aタグの中で

  • 子要素がないもの
  • クラス名のないもの

にだけスタイルを適用させたいときはどのようにすればよろしいでしょうか。

andではなくorでスタイルあてたいです。

 

よろしくお願いいたします。

 

(jQueryでなくとも解決できる、という場合も教えていただければと存じます)

 

1 件の受理された解決策

koji_matsumoto
Shopify Partner
31 18 30

成功

@takeoube 様

 

jQueryではなく直接JavaScriptのコードです。

例として1行目にスタイルを入れております。

ご参考になりますと幸いです。

let cssString = "font-size:10px;color:#000" //スタイル
let styleElementCandidates = document.getElementsByTagName('a')
for (let styleElement of styleElementCandidates){
	if (styleElement.children.length == 0){ //子要素がないもの
		styleElement.setAttribute('style', cssString)
		continue;
	}
	if (styleElement.classList.length == 0){ //クラス名のないもの
		styleElement.setAttribute('style', cssString)
		continue;
	}
}

 

元の投稿で解決策を見る

2件の返信2

koji_matsumoto
Shopify Partner
31 18 30

成功

@takeoube 様

 

jQueryではなく直接JavaScriptのコードです。

例として1行目にスタイルを入れております。

ご参考になりますと幸いです。

let cssString = "font-size:10px;color:#000" //スタイル
let styleElementCandidates = document.getElementsByTagName('a')
for (let styleElement of styleElementCandidates){
	if (styleElement.children.length == 0){ //子要素がないもの
		styleElement.setAttribute('style', cssString)
		continue;
	}
	if (styleElement.classList.length == 0){ //クラス名のないもの
		styleElement.setAttribute('style', cssString)
		continue;
	}
}

 

takeoube
Shopify Partner
15 0 5

さっそくのお返事ありがとうございます!

試してみますね、助かります!

ありがとうございました!