jQuery将一个div移动到另一个div中。

Question

我需要将.link-field-first-ticket-button移动到.event-location-one内。

这是fiddle链接：http://jsfiddle.net/ksV73/

因为这是一个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);
});

- toast

Answer 1

你可以这样做：

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

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

- Ricky Stam

---

好的，简单明了，可爱。 - Andy Holmes

真的很简洁明了！非常好的答案。 - Toothbrush

Answer 2

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

- Oskar Skuteli

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);
});

- Guffa

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);
});

- ponciste

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);
});

- Andy Holmes

Answer 6

您可以尝试使用.appendTo()函数。

例如：

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

- André Muniz

---

Guy。你救了我的命 :) 谢谢。其他的方法在网站上复制我的按钮，尽管它们在fiddle上工作。 - toast