jquery - jqueryで同じ名前で異なるインスタンスを持つクラスを無効にする方法は?

Question

私はwebControl3を持っており、同じページでTextBoxesこれを使用していますが、2 つのインスタンスで 2 回使用しています。webControl

あるコントロールから 1 つのテキストボックスを非表示にし、他のコントロールから別のテキストボックスを非表示にしたい。

<uc1:VoyageSelector runat="server" ID="VoyageSelector1"  Instance="1" />

<uc1:VoyageSelector runat="server" ID="VoyageSelector2"  Instance="2" />

このコントロールには、次のようなテキストボックスクラスがあります。

$(".vss-week-picker").val(); 
$('.vs-voyage-picker').val(); 
$('.vs-vessel-display').val();

無効にすると:

$(".vss-week-picker").hide();

両方のコントロールウィークTextBoxが非表示になります。1 つのインスタンスクラスを非表示にするというこの問題を解決するにはどうすればよいですか?

score 0 · Accepted Answer

コントロールが生成する要素の ID を取得し、それを使用してターゲットを選択します。

たとえば、ID が「VoyageSelector1」の親要素を生成する場合、次のようにテキストボックスを非表示にします。

$('.vss-week-picker','#ContentPlaceHolder1_VoyageSelector2_tblVoyageSelector').‌hide();

score 0 · Accepted Answer

私は過去にこれをやった、正確には覚えていない、これがうまくいくかもしれない

$("[id ^= VoyageSelector1] .vss-week-picker").hide();

2 に答える 2