0

私はdivにこのコードを持っています:

    <div class="user_event my_background">
        <%= image_tag("events_pics/boom.png", :class=> 'event_pic_small') %>
        <h6 class="event_info">Event_1: Frame: 974</h6>
        <a class="btn btn-mini btn-danger pull-right " href="#"><i class="icon-remove"></i></a>
    </div>

ボタンをクリックするたびに、これを他の要素に追加したいと思います。とにかく主な質問は、javascript を使用して上記の div を作成する簡単な方法はありますか? たとえば、それを引数として取り、それを作成する関数は? ありがとう

4

5 に答える 5

2

jQueryが使えるなら

$(".user_event").clone().appendTo("#MyTargetElement");

編集：

div を何度も作成する代わりに、ある要素に隠しておき、その隠し要素の ID を使用して取得し、ターゲット要素に追加することをお勧めします。

<div id="myhiddenelement" style="display:none;">
 <div class="user_event my_background">
        <%= image_tag("events_pics/boom.png", :class=> 'event_pic_small') %>
        <h6 class="event_info">Event_1: Frame: 974</h6>
        <a class="btn btn-mini btn-danger pull-right " href="#"><i class="icon-remove"></i></a>
    </div>
</div>

jQuery

("#MyTargetElement").append($("#myhiddenelement").html());
于 2012-06-19T09:50:58.953 に答える
2

この単純な Jquery 関数は、選択した要素内の html を任意のものに設定します。

$("SomeElement").html("<div class='user_event my_background'>...</div>")

html を追加したい要素と残りの html を引数として指定するだけで、準備完了です。それが役立つことを願っています。

于 2012-06-19T09:51:03.603 に答える
1 
function append_to_what(id)//id can be any css3 selector
{var div=document.createElement('div');
div.innerHTML='<%= image_tag("events_pics/boom.png", :class=> "event_pic_small") %><h6 class="event_info">Event_1: Frame: 974</h6><a class="btn btn-mini btn-danger pull-right " href="#"><i class="icon-remove"></i></a>';
'
div.className='user_event my_background';
document.querySelector(id).appendChild(div);
}
于 2012-06-19T09:51:30.190 に答える
1

次のスクリプトを使用します。

$("body").prepend('<div>').addClass("user_event").addClass("my_background");
function addElement()
{
    $(".user_event.my_background").append('<h6 class="event_info">Event_1: Frame: 974</h6>');
    $(".user_event.my_background").append('<a class="btn btn-mini btn-danger pull-right " href="#"><i class="icon-remove"></i></a>');
}

お役に立てれば！:)

于 2012-06-19T09:50:18.830 に答える
0

クラス名を使用してdivにアクセスできるJqueryを確認することをお勧めします。

于 2012-06-19T09:51:20.190 に答える