Question

我需要删除链接中的图像。然后我需要将第一个图像移动到每个行div的链接中。这是小提琴。我当前的代码（已注释掉）将所有第一张图片移动到所有链接中。

$( ".field-link a img").hide();
$( ".field-image img" ).appendTo( ".field-link a");

Answer 1

我认为这就是你想要的，但我不确定你是否想要完全删除'人物'图像，或者你想要克隆'猫图像'而不是移动，所以我感动了它：

$('.field-link a img').each(function(){
    var self = $(this);
    self.replaceWith(self.closest('.field-link').prev('.field-image').find('img'));
});

JS Fiddle demo

或者，如果您更喜欢克隆'猫图像'，而不是移动它：

$('.field-link a img').each(function(){
    var self = $(this);
    self.replaceWith(self.closest('.field-link').prev('.field-image').find('img').clone());
});

JS Fiddle demo

要隐藏“人物形象”，而不是删除它，然后复制“猫形象”：

$('.field-link a img').each(function(){
    var self = $(this);
    self.hide().after(self.closest('.field-link').prev('.field-image').find('img').clone());
});

JS Fiddle demo

参考文献：

Answer 2

http://jsfiddle.net/1hxhdfpb/3/

$('.field-link').each(function(){
   var self = $(this);
   $(self.find('a img')).remove();
   $(self.find('img')).appendTo($(self.find('a')));

});

虽然相当hacky，但仍有效。如果我理解正确，您需要删除人物形象。在这种情况下，hide不是正确的方法，因为它只是让它不可见。

Jquery定位多个东西

2 个答案: