0

特定のIDとクラスに追加できないようです。HEllow worldを1stだけに追加してほしい

<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

2つの問題：

  1. id値はページ上で一意である必要があります。id2つの異なる要素に同じものを使用しています。

  2. CSSのid値は無効です。idCSSで使用する値は、文字で始まる必要があります。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にDoctypeを追加することを強くお勧めします。これがないと、クァークズモードになり、jQueryはクァークズモードをサポートしません（さまざまな計算が間違っています）。

于 2012-05-12T08:31:32.373 に答える
2

そしたらこうなるに違いない

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

これは$('#94.m')、一致するために id と class の両方が存在する必要があることを意味するため、スペースはありません

于 2012-05-12T08:19:16.933 に答える