Выберите управление .net строкой, содержащее в JQuery

Question

Я работаю в asp.net и у меня есть два imagebuttons, как это:

<asp:ImageButton runat="server" ID="Hosciz" ImageUrl="../image/ciz1.png" Width="20px"Height="20px" AlternateText="bla bla" /> 

<asp:ImageButton runat="server" ID="Hosciz2" ImageUrl="../image/ciz1.png" Width="20px"Height="20px" AlternateText="bla bla again" /> 

Как вы видите, как IMAGEBUTTON идентификаторов содержит строку «» Hosciz так интересно, могу ли я используйте функцию .each() с идентификатором. Я знаю, что есть что-то вроде

$("div[id*='Hosciz']").each(function(){.....}); 

Есть ли способ сделать это с помощью imagebuttons или других элементов управления .net вместо управления HTML как DIV? Я имею в виду, что это возможно, но как?

Я знаю, что я могу решить эту проблему, как

$("#<%=Hosciz.ClientID%>").click(function(){ 'do whatever you want' }); 

$("#<%=Hosciz2.ClientID%>").click(function(){ 'do whatever you want' }); 

, но, как сказал мне просто интересно, если есть способ сделать это с каждой функции()?

Answer 1

Используйте атрибут класса на изображении:

<asp:ImageButton runat="server" CssClass="hosciz" ID="Hosciz" ImageUrl="../image/ciz1.png" Width="20px"Height="20px" AlternateText="bla bla" /> 
<asp:ImageButton runat="server" CssClass="hosciz" ID="Hosciz2" ImageUrl="../image/ciz1.png" Width="20px"Height="20px" AlternateText="bla bla again" /> 

и JQuery селектор класса

$(".hosciz").each(function(){.....}); 

или

$("div.hosciz").each(function(){.....}); 

Он имеет дополнительный бонус позволяет вам к общий стиль в css для изображения.

В качестве альтернативы, используйте ClientIDMode = "Static", чтобы ваш идентификатор в html соответствовал asp ClisentID. Конечно, это связано с другими проблемами - вам нужно убедиться, что идентификатор уникален, но поставляется с повышением производительности в селекторах html.

<asp:ImageButton runat="server" ClientIDMode="Static" ID="Hosciz" ImageUrl="../image/ciz1.png" Width="20px"Height="20px" AlternateText="bla bla" /> 
<asp:ImageButton runat="server" ClientIDMode="Static" ID="Hosciz2" ImageUrl="../image/ciz1.png" Width="20px"Height="20px" AlternateText="bla bla again" /> 

и JQuery,

$("#Hosciz, #Hosciz2").each(function(){.....});