jquery でselectの中身を特定条件で削除する

Question

動的に生成されている下記selecttの中から、土曜、日曜を非表示にしたいと考えております。
動的部分は触れないので、Jquery がわで削除したいと考えております。

Jqueryでvalueを取得することはできたのですが、valueではない2020/04/18(土)のほうで判定をしないといけないと思い、途方に暮れております。
正規表現で判定後.remove()で削除すると思うのですがJqueryが不勉強なためよくわからなくなってしまっております。
何卒、ご教授お願いいたします。

<select id="sample">
<option value="">指定なし</option>
<option value="2020/04/17">2020/04/17(金)</option>
<option value="2020/04/18">2020/04/18(土)</option>
<option value="2020/04/19">2020/04/19(日)</option>
</select>

Answer 1

いっそループさせて１つ１つ確認されては

$(function(){
	console.log($("#sample"));
	console.log($("#sample option"));
	console.log($("#sample option")[2]);
	console.log($("#sample option[value='2020/04/18']"));
	
	$.each($("#sample option"),function(index,option){
		console.log(option);
		console.log($(option));
		console.log($(option).val());
		console.log($(option).html());
		if($(option).html() == "2020/04/18(土)"){ //ここでvalから曜日を判定し、土日判定を入れるとかのほうがいい
			$(option).remove();
		}
	});
});

ただ、

動的に生成されている

なら、生成時に「土日の場合はスルー」とかしたほうが良いのではないでしょうか。
触れないとのことですけど、生成後にいじるのって悪手です。
もし「生成」がサーバーサイドの処理なのであれば、JavaScriptのコードを無効にするのは難しくはありませんし。

Comments

[nerd]

m.ts10806様

ご回答ありがとうございます。

コードのご提示誠にありがとうございます。
勉強させていただきます。

>なら、生成時に「土日の場合はスルー」とかしたほうが良いのではないでしょうか。
>触れないとのことですけど、生成後にいじるのって悪手です。
ごもっともかと思います＞＜
ですが、楽天ECなど、生成部を触れない場合などもございます。
苦肉の策ではあることを重々承知でご質問させていただいた次第でありました。

未熟な質問にご対応いただき誠にありがとうございました！
コードを参照し、勉強させていただきます。

Answer 2

Date オブジェクトは曜日情報も持つので、valueで判定できると思います。

【Date - JavaScript | MDN】
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Date

Comments

[nerd]

kei344様

ご回答誠にありがとうございます。
OTL
確かにDateで曜日取得できますね。
盲点というか、失念というか。
変なところにとらわれておりました。

ご指摘誠にありがとうございました！

[kei344]

To: 低評価をされた方
低評価をされるのはかまいませんが、どの部分に問題があるかはコメントくださいね。当回答および次回以降の回答の改善につながる可能性もあるので、よろしくおねがいします。

[nerd]

kei344様

申し訳ございません＞＜
僕が間違えて押していたみたいです。
低評価を訂正させていただきます。

お気持ちを害する間違えをして大変申し訳ございませんでした。

Answer 3

こんな感じでしょうか？

Comments

[yambejp]

window.addEventListener('DOMContentLoaded', ()=>{
var s=document.querySelector('#sample');
s.querySelectorAll('option').forEach(x=>{
if(/[土日]/.test(x.textContent)){
s.removeChild(x);
}
});
});

[yambejp]

jQueryだとこう？
$(function(){
$('#sample option').filter(function(){
return $(this).text().match(/[土日]/);
}).remove();
});

[nerd]

yambejp様

ご回答ありがとうございます。

ご提供いただいたコードで実装できました！
一個一個コードの意味を調べて勉強させていただきます。