0

私は次のコードを持っています：

      var counter=0; 
     function appendText(){     
     var text = $("#text").val();
if ($("#text").val()){      

var textArea = "<div> <textarea id='t"+counter+"'>"+text+
    "</textarea><button id='b"+counter+"' name='t"+counter+"' >edit</button> <button onClick='moveUp();'>Up</button></div>"; 


    $("#addedText").after(textArea);    
    $("#t"+counter).attr('readonly','readonly');    
    $("#t"+counter).attr('readonly','readonly');

    $("#t"+counter).css('width','500px');
$("#t"+counter).css('resize','none');
$("#t"+counter).css('background-color','#5CCCCC'); 
$("#t"+counter).css('font-weight','bold');             

$("#b"+counter).bind('click',makeAreaEditable);                  
counter++;  }   else{   }            };                                                                 


 var makeAreaEditable = function() {
 var target = event.target||event.srcElement||event.originalTarget;     
 var targetArea =$("#"+target.name);    
 targetArea.removeAttr('readonly');     
 var button =  $("#"+target.id);    
 button.text("OK");     
 button.unbind('click');
 button.bind('click',saveEdit); };

  var saveEdit =  function() {  
  var target = event.target || event.srcElement || event.originalTarget;    
  var button =  $("#"+target.id);   
  button.text("edit");  
  button.unbind('click');
  button.bind('click',makeAreaEditable);    
  var targetArea = $("#"+target.name);  
  targetArea.attr('readonly', 'readonly'); };

textareaを1スペース上に移動するように、moveUp（）関数を作成する方法がわかりません。前のテキストエリアは、上ボタンを押したテキストエリアと場所を切り替える必要があります。

htmlは次のようになります。

 <textarea id="text" placeholder="baga text aici"></textarea> <button
 id="addText" onClick="appendText()" >Add text </button>        <div
 id="addedText" style="float:left"></div>
4

1 に答える 1

0 
$(".moveup").on("click",function()   {
       var $divcontainer = $(this).parent();            
      if ( $divcontainer.prev().get(0))  $divcontainer.prev().before($divcontainer);

      });
//append whatever how many textarea & its up button in div.allthetextarea

html

 <div class="allthetextarea">
      <div><textarea/><input class="moveup"/></div>
      <div><textarea/><input class="moveup"/></div>
   ...
</div>

CSS

      .allthetextarea .moveup:first-child {display:none;}
于 2013-01-11T18:10:25.487 に答える