0

我似乎无法附加到特定的 id 和类。我希望 Hellow 世界只被附加到第一个

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
var id =94;
    $("#'id',.m").append(" <b>Hello world!</b>");
  });
});
</script>
</head>
<body>
<p id="94" class="postitem m" >This is a paragraph.</p>
<p id="94" >This is another paragraph.</p>
<button>Insert content at the end of each p element</button>
</body>
</html>
4

2 回答 2

4

两个问题：

  1. id值在页面上必须是唯一的。您id对两个不同的元素使用相同的。

  2. 您的id值对 CSS 无效。id与 CSS 一起使用的值必须以字母开头。由于 jQuery 使用 CSS 选择器来查找元素，我强烈建议使用有效的选择器。（这些 ID 对于HTML4也是无效的，但HTML5允许它们。只是 CSS 不行。）

如果你解决了这两个问题，你会没事的。请注意，如果您有唯一id的 s，则不再需要“m”类，除非您将其用于其他用途。

<html>
<head>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    var id = 'x94';
    $("#" + id).append(" <b>Hello world!</b>");
  });
});
</script>
</head>
<body>
<p id="x94" class="postitem m" >This is a paragraph.</p>
<p id="x95" >This is another paragraph.</p>
<button>Insert content at the end of each p element</button>
</body>
</html>

实例| 来源

另外：我强烈建议向该 HTML 添加一个文档类型。没有一个就是quirks模式，jQuery不支持quirks模式（各种计算都会出错）。

于 2012-05-12T08:31:32.373 回答
2

那么一定是这样的

$('#'+id+'.m').append('<b>Hello world!</b>');

没有$('#94.m')空格表示 id 和 class 都必须存在才能匹配

于 2012-05-12T08:19:16.933 回答