0

誰かこれを見てくれませんか

http://jsfiddle.net/bloodygeese/EzkFR/1/

私の目的は、「クリックしてください」をクリックすると、「エリア」divに含まれるテキストを取得して、各スペースに1つずつ、下のテキストエリアに移動することです。

自分が何をしているのか本当にわからないので、失敗したコードでのjquery試行を削除しました。

これを機能させることができれば、次のステップは、「表示領域が別のページにある?? それが可能かどうかわからないときに、同じことを試して達成することです.

4

4 に答える 4

1

このコードを試してください：

​$("#submit").click
    (
        function()
        {
            $("#displayarea").val($("#area").text());
            $("#displayarea2").val($("#area2").text());
            $("#area").html("");            
            $("#area2").html("");
        }
        );​​​​​​​

編集: INPUT フィールド内にタグが必要ないため、.text代わりに使用します。.html

于 2012-06-18T03:21:26.243 に答える
1

元のテキストを残すかどうかは正確にはわかりません

デモ: https://jsfiddle.net/EzkFR/6/

$('#submit').click(function(){
   $('#displayarea').val(  $('#area').text() ); 
   $('#displayarea2').val(  $('#area2').text() );   
})

がないことに注意してくださいinput type="textarea"。input type="text"または_<textarea></textarea>

元のテキスト コンテナを削除したい場合は、remove()

于 2012-06-18T03:21:58.430 に答える
0 
var $texts = $('textarea');
var $divs = $('div');

$('#submit').click(function() {
    $divs.each(function(index) {
        $texts.get(index).value = this.innerHTML;
        $(this).remove();
    });
});​

デモを修正

ノート：

  • textareaは、<input>あなたが書いたようなタイプではなく、タグです：<textarea>
  • 要素をキャッシュしたので、DOMを何度も照会する必要はありません。
于 2012-06-18T03:23:21.470 に答える
0

これを行うための拡張可能な方法が必要だと仮定すると...

<div id="area" class="movable">I wish I could go down there</div>
<div id="area2" class="movable">Me too please!!</div>
</br>
<input type="textarea" id="displayarea" class="inputtable" value="" />
<input type="textarea" id="displayarea2" class="inputtable" value="" />
</br>
<div id="submit">click me</div>
</br>​

$('div#submit').click(function(e) {
    $('input.inputtable').each(function() {
        var input = $(this);
        $('div.movable').each(function() {
            var self = $(this);
            if (!self.hasClass('moved') && !input.hasClass('inputted')) {
                input.val(self.text()).addClass('inputted');
                self.addClass('moved');
            }
        });
        $('div.movable.moved').detach(); //safe to remove now that we're not looping through them.
    });
    e.preventDefault();
    return false;
});​

作業フィドル: https://jsfiddle.net/EzkFR/10/

于 2012-06-18T03:33:33.193 に答える