关于javascript:jquery将div移动到另一个div

jQuery Move div into another div

我需要移动。链接字段第一张票按钮在里面。事件位置一

这是小提琴:http://jsfiddle.net/ksv73/

这是CMS,所以我别无选择。

这就是我要做的,它什么都不做。

1
2
3
4
5
$(".widget-upcoming-events-blog li").each( function() {
     var links = $(this).children(".link-field-first-ticket-button").html();
     $(this).children(".link-field-first-ticket-button").html("");
     $(this).children(".event-location-one").append(links);
});

你可以这样做:

1
$(".link-field-first-ticket-button").appendTo(".event-location-one");

它将把第一个票按钮移动到事件位置


试试这个

1
2
3
4
5
$(".widget-upcoming-events-blog li").each( function() {
     var links = $(".link-field-first-ticket-button").html();
     $(".link-field-first-ticket-button").html("");
     $(".event-location-one").append(links);
});


EDCOX1 3的方法将给您元素内的内容,而不是元素本身。

只需将元素追加到所需的位置即可。由于一个元素不能同时存在于两个位置,它将被移动:

1
2
3
4
$(".widget-upcoming-events-blog li").each( function() {
  var links = $(this).children(".link-field-first-ticket-button");
  $(this).children(".event-location-one").append(links);
});

1
2
x = $(".widget-upcoming-events-blog").find(".link-field-first-ticket-button").remove()
$(".event-location-one").append(x);

使用.appendTo()功能怎么样?

例如:

1
2
3
4
$(".widget-upcoming-events-blog li").each( function() {
 $(this).find(".link-field-first-ticket-button")
        .appendTo( $(this).find(".event-location-one") );
});


把你的.children()改成.find()

1
2
3
4
5
$(".widget-upcoming-events-blog li").each( function() {
     var links = $(this).find(".link-field-first-ticket-button").html();
     $(this).find(".link-field-first-ticket-button").html("");
     $(this).find(".event-location-one").append(links);
});