FROM CACHE - jp_header
解決済

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

takeoube
Shopify Partner
15 0 5

aタグの中で

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

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

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

 

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

 

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

 

1 件の受理された解決策

koji_matsumoto
Shopify Partner
31 18 29

成功

@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 29

成功

@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

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

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

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