Question

我需要在.event-location-one

中移动.link-field-first-ticket-button

这是一个cms，所以我别无选择。

这就是我正在尝试的，它没有做太多的事情

$(".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);
});

Answer 1

你可以这样做：

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

它会将第一个故障单按钮移动到事件位置

Answer 2

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

Answer 3

html方法将为您提供元素内的内容，而不是元素本身。

只需将元素附加到您想要的位置即可。由于元素不能同时存在于两个地方，因此将被移动：

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

Answer 4

试试这个

$(".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);
});

Answer 5

将您的.children()更改为.find()

$(".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);
});

Answer 6

如何使用.appendTo()功能？

例如：

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

jQuery将div移动到另一个div中

6 个答案: