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 函数会将所选元素内的 html 设置为您想要的任何内容。

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

只需指定要添加 html 的元素和其余的 html 作为参数，就可以了。希望有帮助。

于 2012-06-19T09:51:03.603 回答
2

如果你可以使用 jQuery 那么

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

编辑：

我建议您将其隐藏在某个元素中，并使用该隐藏元素的 id 获取它并将其附加到目标元素，而不是一次又一次地创建 div。

<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 回答
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

您可能需要检查 Jquery，您可以在其中使用类名访问 div。

于 2012-06-19T09:51:20.190 回答