blocks|key|1637657|text|而不是使用此选择器|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1637658|$('#Label1')|code-block|syntax|javascript|1637659|使用这个，基本上你使用的是经典的asp内联服务器端代码。|1637660|$('#<%25=+Label1.ClientID+%25>')|1637661|这将插入生成的要作为文字放置的任何ID。|1637662|如果您希望使用外部文件，那么我建议您在页面上创建一个全局的obj来保存所有的客户端it，然后在您的外部文件中引用该obj+(不理想，但这是一个解决方案)|1637663|var+MyClientIDs+=+{
++++Label1+=+'<%25=+Label1.ClientID+%25>',
++++Label2+=+'<%25=+Label2.ClientID+%25>',
++++Textbox1+=+'<%25=+Textbox1.ClientID+%25>',
++++Textbox2+=+'<%25=+Textbox2.ClientID+%25>'
};|1637664|然后，您可以在外部文件中访问Label1，例如：$('#'+%2B+MyClientIDs.Label1)|offset|length|style|CODE|1637665|entityMap^0|0|0|0|0|0|0|0|O|R|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|10|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|12|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|13|8|@]|9|@]|A|$]]|$1|O|3|P|5|D|7|14|8|@]|9|@]|A|$E|F]]|$1|Q|3|R|5|6|7|15|8|@$S|16|T|17|U|V]]|9|@]|A|$]]|$1|W|3|-4|5|6|7|18|8|@]|9|@]|A|$]]]|X|$]]

instead of using this selector

<pre><code>$('#Label1')
</code></pre>

use this one, basically you are using the classic asp inline server side code.

<pre><code>$('#&lt;%= Label1.ClientID %&gt;')
</code></pre>

this will insert whatever ID that is generated to be placed as a literal.

If you wish to use external files then I would suggest you create an obj that is global on the page to hold all of your client ids and then reference that obj within your external files (not ideal but it is a solution)

<pre><code>var MyClientIDs = {
 Label1 = '&lt;%= Label1.ClientID %&gt;',
 Label2 = '&lt;%= Label2.ClientID %&gt;',
 Textbox1 = '&lt;%= Textbox1.ClientID %&gt;',
 Textbox2 = '&lt;%= Textbox2.ClientID %&gt;'
};
</code></pre>

and then in your external file you can access Label1 for example: <code>$('#' + MyClientIDs.Label1)</code>

blocks|key|1638214|text|在.NET+4%2B+set+ClientIDMode="Static"中。这将解决您的问题。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1638215|示例：|1638216|<asp:Label+ID="Label1"+ClientIDMode="Static"+runat="server"+Text="test"></asp:Label>|code-block|syntax|javascript|1638217|entityMap^0|D|L|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|R|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|S|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|N|$]]

In .NET 4+ set <code>ClientIDMode="Static"</code>. This will solve your problem.

Example:

<pre><code>&lt;asp:Label ID="Label1" ClientIDMode="Static" runat="server" Text="test"&gt;&lt;/asp:Label&gt;
</code></pre>

blocks|key|1422880|text|您不能阻止asp.net生成这些ID。这就是它的工作方式。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1422881|你仍然可以像这样使用jquery：|1422882|$('#<%25=label1.ClientID+%25>').html(xml)+|code-block|syntax|javascript|1422883|或|1422884|$('[id$=_label1]').html(xml)|1422885|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

You can't stop asp.net from generating those IDs. That's just how it does things.

You can still use jquery like so:

<pre><code>$('#&lt;%=label1.ClientID %&gt;').html(xml) 
</code></pre>

or

<pre><code>$('[id$=_label1]').html(xml)
</code></pre>

blocks|key|1423129|text|简而言之，不用担心使用asp.net+ID。在asp.net中，您可以将自己的属性添加到标记中：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1423130|<asp:TexBox+ID="myTBox"+runat="server"+MyCustomAttr="foo"+/>|code-block|syntax|javascript|1423131|然后在jquery中，您可以通过以下方式引用此元素：|1423132|$("input[MyCustomAttr='foo']")|1423133|我在jQuery上经常这样做。希望能有所帮助。|1423134|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Short answer, don't worry about using the asp.net IDs. In asp.net you can add your own attribute to a tag:

<pre><code>&lt;asp:TexBox ID="myTBox" runat="server" MyCustomAttr="foo" /&gt;
</code></pre>

Then in jquery you can refer to this element via:

<pre><code>$("input[MyCustomAttr='foo']")
</code></pre>

I do this all the time with jQuery. Hope it helps.

blocks|key|1638275|text|您可以调用类名，而不是使用ID|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1638276|例如：|1638277|$('.CssClassName').+...|code-block|syntax|javascript|1638278|或者，如果您在MasterPage的第一行键入以下内容，您的控件ID将不会更改：|1638279|ClientIDMode="Static"|offset|length|style|CODE|1638280|1638281|<%25@+Master+Language="C#"+AutoEventWireup="true"+CodeFile="MasterPage.master.cs"+Inherits="Main_MasterPage"+ClientIDMode="Static"+%25>|1638282|entityMap^0|0|0|0|0|0|L|0|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|W|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|X|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|Y|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|Z|8|@$M|10|N|11|O|P]]|9|@]|A|$]]|$1|Q|3|C|5|6|7|12|8|@]|9|@]|A|$]]|$1|R|3|S|5|F|7|13|8|@]|9|@]|A|$G|H]]|$1|T|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|U|$]]

You can call a class name rather than using an ID 

For example;

<pre><code>$('.CssClassName'). ...
</code></pre>

Or if you type this in the MasterPage's very first line, your control IDs won't change :

<code>ClientIDMode="Static"</code>

For example;

<pre><code>&lt;%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="Main_MasterPage" ClientIDMode="Static" %&gt;
</code></pre>

blocks|key|1637571|text|您必须将控件的ClientID传递给javascript代码(我怀疑Label1是否会被重命名为Label3)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1637572|ClientScriptManager.RegisterClientScriptBlock(GetType(),+"someKey",+
++++"$('#"+%2B+Label1.ClientID+%2B+"').html(xml);",+true);|code-block|syntax|javascript|1637573|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You have to pass the control's ClientID to the javascript code (I doubt though that Label1 gets renamed to Label3)

<pre><code>ClientScriptManager.RegisterClientScriptBlock(GetType(), "someKey", 
 "$('#" + Label1.ClientID + "').html(xml);", true);
</code></pre>

blocks|key|1637713|text|您可以将ClientID和UniqueID作为this+fella+did覆盖。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1637714|///+<summary>
///+Override+to+force+simple+IDs+all+around
///+</summary>

public+override+string+UniqueID
{
++++get
++++{
++++++++return+this.ID;
++++}
}

///+<summary>
///+Override+to+force+simple+IDs+all+around
///+</summary>

public+override+string+ClientID
{
++++get
++++{
++++++++return+this.ID;
++++}
}|code-block|syntax|javascript|1637715|entityMap|0|LINK|mutability|MUTABLE|url|http://www.west-wind.com/WebLog/posts/4605.aspx^0|N|E|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

You can override the ClientID and the UniqueID as <a href="http://www.west-wind.com/WebLog/posts/4605.aspx" rel="nofollow noreferrer">this fella did</a>.

<pre><code>/// &lt;summary&gt;
/// Override to force simple IDs all around
/// &lt;/summary&gt;

public override string UniqueID
{
 get
 {
 return this.ID;
 }
}

/// &lt;summary&gt;
/// Override to force simple IDs all around
/// &lt;/summary&gt;

public override string ClientID
{
 get
 {
 return this.ID;
 }
}
</code></pre>

blocks|key|1637848|text|您还可以创建一个从Label继承的自定义控件，该自定义控件将ID属性重写为您希望的值。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1637849|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

You may also create a custom control that inherits from Label that overrides the ID property to be what you want it to be.

blocks|key|1423206|text|这可以通过在呈现控件时将asp.net+id替换为原始id来实现。这非常简单，可以通过创建一组自定义控件来完成。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1423207|http://www.bytechaser.com/en/articles/ts8t6k5psp/how-to-display-aspnet-controls-with-clean-id-value.aspx|offset|length|1423208|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|2W|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

This can be achieved by replacing the asp.net id with the original id as the control is rendered.
This is pretty easy and can be donw by creating a set of custom controls.

<a href="http://www.bytechaser.com/en/articles/ts8t6k5psp/how-to-display-aspnet-controls-with-clean-id-value.aspx" rel="nofollow noreferrer">http://www.bytechaser.com/en/articles/ts8t6k5psp/how-to-display-aspnet-controls-with-clean-id-value.aspx</a>

blocks|key|1423265|text|冒着明显变化的风险：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1423266|<asp:Label+ID="Label1"+runat="server"+Text="test"></asp:Label>|code-block|syntax|javascript|1423267|至|1423268|<Label+ID="Label1"+Text="test"></Label>+|1423269|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

At the risk of being patently obvious change:

<pre><code>&lt;asp:Label ID="Label1" runat="server" Text="test"&gt;&lt;/asp:Label&gt;
</code></pre>

to

<pre><code>&lt;Label ID="Label1" Text="test"&gt;&lt;/Label&gt; 
</code></pre>

blocks|key|1638339|text|你需要把属性ClientIDMode="Static"放在你的按钮中，这保证了ID在运行时是相同的，这是你在Javascript中获取对象所需要的。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1638340|entityMap^0|6|L|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

You need to put the property <code>ClientIDMode="Static"</code> in your button, this grants the ID will be the same in runtime, it's what you need to get object in Javascript.

blocks|key|1637927|text|你不需要“阻止”asp.net为了使用jquery或者javascript而改变控件id。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1637928|在页面上呈现的ID是控件的ClientID属性，而你在控件本身上设置的是ID。你不能设置ClientID属性，它是为你生成的，它可能与你的id相同，也可能不同。然而，正如其他人所提到的，你可以在aspx中使用ClientID属性：|1637929|$('<%25=+Label1.ClientID+%25>').html()|code-block|syntax|javascript|1637930|或者使用ClientScriptManager方法之一在代码隐藏文件中注册客户端脚本。|1637931|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|O|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

you don't need to "prevent" asp.net from changing the control id in order to use jquery, or javascript at all for that matter.

the id that gets rendered on your page is the ClientID property of the control and what you're setting on the control itself is the ID. you can't set the ClientID property, it's generated for you and may or may not be the same as your ID. however, as others have mentioned you can use the ClientID property either in your aspx:

<pre><code>$('&lt;%= Label1.ClientID %&gt;').html()
</code></pre>

or by registering the client script in your code behind file using one of the ClientScriptManager methods.

blocks|key|1423088|text|去掉占位符就行了。或者选择按类或DOM层次结构。或者甚至使用ID的部分匹配作为最后的手段。在jQuery中有许多简单、干净的方法来选择元素，我们需要摆脱我们又旧又丑的ASP.NET习惯。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1423089|然后Dreas+Grech把最后一颗钉子钉进了棺材。您不能将外部脚本文件与$('#<%25=label1.ClientID+%25>')类型的解决方案一起使用。|1423090|麦克|1423091|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

Just get rid of the placeholder. Or select by class or DOM hierarchy. Or even use partial matching on the ID as a last resort. There are many easy, clean ways to select an element in jQuery, we need to wean ourselves away from our old, ugly ASP.NET habits.

And Dreas Grech put the final nail in the coffin. You can't use use external script files with the $('#&lt;%=label1.ClientID %>') type solutions.

Mike

blocks|key|1423594|text|简单，重写控制类。下面是一个使用HtmlGenericControl的示例，但您可以使用任何ASP.Net控件来执行此操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1423595|public+class+NoNamingContainerControl+:+HtmlGenericControl
{
++++public+NoNamingContainerControl(string+tag)+:+base(tag)+{+}
++++public+override+string+ClientID
++++{
++++++++get
++++++++{
++++++++++++return+this.ID;
++++++++}
++++}
}|code-block|syntax|javascript|1423596|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Simple, with overriding the control class. Here is an example with an HtmlGenericControl but you can do it with any ASP.Net control:

<pre><code>public class NoNamingContainerControl : HtmlGenericControl
{
 public NoNamingContainerControl(string tag) : base(tag) { }
 public override string ClientID
 {
 get
 {
 return this.ID;
 }
 }
}
</code></pre>

I have this label control in my web page

<pre><code>&lt;asp:Label ID="Label1" runat="server" Text="test"&gt;&lt;/asp:Label&gt;
</code></pre>

And when the page rendered the id of the control changes to something like this

<pre><code> &lt;span id="ctl00_ContentPlaceHolder1_Label3"&gt;test&lt;/span&gt;
</code></pre>

How can I stop asp.net from changing IDs in order to perform a jQuery operation like this

<pre><code>$('#label1').html(xml);
</code></pre>

How to stop ASP.NET from changing IDs in order to use jQuery

服务器

jQuery

我的网页中有这个label控件<asp:Label ID="Label1" runat="server" Text="test"></asp:Label>并且，当页面呈现时，控件的id更改为如下所示 test为了执行如下所示的jQuery操作，如何停止asp.net更改I$('#label1')

问为了使用jQuery，如何阻止ASP.NET更改ID
EN

回答 14

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为了使用jQuery，如何阻止ASP.NET更改IDEN

回答 14

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为了使用jQuery，如何阻止ASP.NET更改ID
EN