javascript - Jquery .text() 不工作

Question

我有一个这样的 anchor 标签:

<a id="1_18_shazin@mycompany.com" class="big-link" href="">4</a>

现在我尝试用下面的代码替换文本

a = 1;
b = 18;
c = "shazin@mycompany.com";
var tempId = "#"+a+"_"+b+"_"+c;
$(tempId).text("some text");

这永远行不通。我尝试了 .html()、.append()。看起来它永远找不到ID。但如果我按类名调用事件，它就会起作用。

$(".big-link").text("some text");

有什么线索吗？提前致谢。

Answer 1

问题在于您构建 ID 值的方式。问题是

1. 以数字开头
2. 使用@
3. 使用.

我删除了那些，jquery text() 对我来说工作正常。检查这个 fiddle :http://jsfiddle.net/kDnmu/

HTML

<a id="A_1_18_shazin_mycompany-com" class="big-link" href="">4</a>

查询

a = 1;
b = 18;
c = "shazin_mycompany-com";
var tempId = "#A_"+a+"_"+b+"_"+c;
$(tempId).text("some text");

有关什么是有效 ID 的详细信息，请查看此 SO 答案:What are valid values for the id attribute in HTML?

编辑:如果您动态构建这些 ID，请考虑使用您自己的一些逻辑转义它们。