jQuery Move div into another div

2018-06-14 23:30:23

I need to move .link-field-first-ticket-button inside .event-location-one

here's the fiddle: http://jsfiddle.net/ksV73/

It's a cms so I have no choice in the matter.

this is what I'm trying, it's not doing much of anything

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

You can just do this:

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

It will move the first ticket button to event location

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

The html method will give you the content inside the element, not the element itself.

Just append the element where you want it. As an element can't exist in two places at once, it will be moved:

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

链接地址: http://www.djcxy.com/p/42540.html

上一篇: 如何通过使用jQuery来更改html标签的顺序

下一篇: jQuery将div移入另一个div