-1

Ajax 1 をクリックすると ajax1 の内容が変更されますが、Ajax 2 は同じままで、逆の場合は jquery でそれを行いたいです。

<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#pas").click(function(){
  $.ajax({url:"001.php?q=1 & l=111", success:function(result){
    $("#pas").html(result);
  }});
});});
</script>
</head>
<body>
<div id="pas"><h2>AJAX 1</h2></div>
<div id="pas"><h2> AJAX2 </h2></div>
</body>
</html>
4

3 に答える 3

2

2 つの要素が同じ を持つことはできませんid。クラスを使用するように変更する必要があります。 

<div class="pas"><h2>AJAX 1</h2></div>
<div class="pas"><h2> AJAX2 </h2></div>

それが完了したら、 を使用thisして正しいアイテムをターゲットにすることができます。

$(document).ready(function(){
    $(".pas").click(function(){
        var $this = $(this);    // "this" is the clicked element

        $.ajax({url:"001.php?q=1 & l=111", success:function(result){
            $this.html(result);
        }});
    });
});
于 2012-04-25T21:25:34.503 に答える
1

div の ID を区別する必要があります。2 つの異なる ID (つまり、 pas1 と pas2 ) と同じクラス「pas」を与えてから、div.pas でアクションを実行します。

于 2012-04-25T21:25:42.967 に答える
0

重複した ID を使用しないでください。代わりにクラスを使用してください。クリックしたオブジェクトへの参照を使用して、コンテンツを更新します。変更したコードは次のとおりです。

<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("div").click(function(){
  var _this = this;
  $.ajax({url:"001.php?q=1 & l=111", success:function(result){
    $(_this).html(result);
  }});
});});
</script>
</head>
<body>
<div><h2>AJAX 1</h2></div>
<div><h2> AJAX2 </h2></div>
</body>
</html>
于 2012-04-25T21:27:32.810 に答える