如何选择传递保存在 jQuery JS 变量中的 id 的 ASP.NET 服务器控件？

Question

应该很简单，但我的心很累。如何让此 jQuery 选择 ID 类似于 lblName 的 ASP.NET 服务器控件。 ID 不同，通过 id 变量传入。

var id = 'Name';    //an example
var $element = $("#<%= 'lbl'+ id.ClientID %>");

Answer 1

我建议使用 jquery 中的部分选择器，而不是使用“<%=”标签。因此，您的选择器将如下所示。

var $elements = $("[id*=lbl]");  //This selector if you want to get all controls that have "lbl" in the id
var $element2 = $("[id$=lblName]"); // This selector if you know the id specified and want that specific control.  It will return all matches that end with "lblName"

$= is "EndsWith"
^= is "StartsWith"
*= is "Contains"

这将使您能够选择控件，并能够将这些选择器移动到外部 js 文件，而不必与控件位于同一页面上。

编辑：将选择器切换为“包含”。其背后的原因是，如果您没有使用 .net 4.0 或者您没有关闭自动生成的 id，那么您渲染的 id 将如下所示：“cto001$Somethingsomething${specifiedId here}”（不带 {}）。因此，您不能使用“Startswith”选择器，因为它试图匹配 id 的动态部分。

你将无法完成最后的任务，因为你的 id 的最后部分也是动态的。因此，我们剩下“包含”选择器，它将匹配任何包含“lbl”的控件。您可以考虑使 Id 的第一部分（非动态部分）不那么通用，以避免返回不相关的控件。

EDIT2：如果您使用的是.net 4.0，您可以关闭自动生成的 ID，然后您可以使用更好的“StartsWith”（^=）选择器，因为渲染的输出 id 将与您指定的相同。您可以通过将 ClientIDMode 设置为“可预测”来做到这一点

Answer 2

如果这是来自数据绑定操作，您可能必须使用 # 代码块：

var id = 'Name'; //an example

var $element = $("#<%# 'lbl'+ id.ClientID %>");