-4

以下のような div 構造があります。

<!-- main.php starts -->
    <div class="main">
      <div class="one">
         <span class="buttonEdit">EDIT</span>
      </div>
      <div class="two">Content</div>
      <div class="editBox">
       <!-- abc.php which is loaded onClick -->
        <textarea class="editArea"></textarea>
        <span class="buttonSave">SAVE</span>
       <!--abc.php ends -->
      </div>
    </div>
<!-- main.php ends -->

私が使用したjQueryはこれです：

$(document).ready(function() { 
        //SAVE BUTTON
        $(".buttonSave").click(function(){
            //AJAX SAVE HERE
            $.post("save.php",function(msg){
                var newContent;
                newContent = $(".editArea").val();

                $(this).parents(".main").find('.two').text(newContent);
             });
        });

プロセス: EDIT ボタンをクリックすると、外部ページ ( abc.php ) がjQuery の load 関数を介して div ( class="editBox" ) に読み込まれます。編集および保存後、テキストエリアのコンテンツを div( class="two" )に表示する必要があります。

重要いくつかの類似ブロックがあり、クラス名は同じです。jQuery は、外部ファイルであるabc.phpに記述されています。AJAXで「find」と「this」を使用することは可能ですか?

必要な解決策: これには jQuery の部分が必要です。急！

jsFiddle: http://jsfiddle.net/JerryJones/PacTs/

4

2 に答える 2

2

これを試して

$.post('ajax.php',function(data){

   // write your retrived data here 
   $(".editArea").html(data retrived);
  //or
    $(".editArea").val(data retrived);

}
于 2012-09-19T09:51:43.370 に答える
0

コンテンツが入る部分に一意の ID を指定すると、はるかに簡単になります。

次に、ボタンで onClick() を使用して JavaScript 関数を呼び出すことができます。

function onEdit() {
    $("#EditBoxID".load('abc.php');
}

function onSave() {
    $("#ContentID").val($("#EditBoxID").val());
}
于 2012-09-19T09:53:32.950 に答える