如何在jquery中禁用具有相同名称和不同实例的类?

时间:2013-07-03 11:30:57

标签: jquery instance show-hide web-controls

我的webControl有3 TextBoxes我在同一页面使用此webControl,但在2个实例中使用了两次。

我想隐藏一个控件的一个文本框和另一个控件的其他文本框。

<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都被隐藏了。 如何解决隐藏一个实例类的问题?

2 个答案:

答案 0 :(得分:0)

获取控件生成的元素的ID,并使用它来选择目标。

例如,如果它生成一个id为'VoyageSelector1'的父元素,那么你可以隐藏它的文本框:

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

答案 1 :(得分:0)

我过去做过这个,不记得确切,这可行吗

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