использованием ReplaceWith всех дочерних входов Jquery

Question

В основном на .show() Я пытался иметь все входы преобразовать в изображение метки с IMG SRC равняясь исходной входы значения, как это:

var currentPage = $('.three_paj_els:visible'); 
var nextPage = currentPage.next('.three_paj_els'); 
var the_parent_div_id = currentPage.attr('id'); 
    nextPage.show(function() { 
     $('div#' + the_parent_div_id + ':input').each(function() { 
      var the_image_SRC = $(this).val(); 
      $(this).replaceWith('<img src="' + the_image_SRC + '" ') 
     }) 
    }) 

Был у него уже несколько часов. Я хочу, чтобы только те в этом конкретном div показывали, как конвертировать.

вот скрипка, что я работал на http://jsfiddle.net/Utr6v/100/ при нажатии следующей кнопки <input type="hidden" /> метки должна преобразовать в <img> тег и изображения должны показывать.

Спасибо за кучу заранее. -Sal

Answer 1

currentPage, похоже, не имеет удостоверения личности. Но вы слишком сильно себя чувствуете - если у вас есть элемент, вы можете использовать его для выполнения функций jQuery. Вам не нужно делать элемент -> идентификатор -> преобразование элемента, поскольку это бессмысленно.

Чтобы найти потомков, вам нужно поместить пробел между селектором элементов и селектором потомок, иначе селектор применим к самим элементам. В вашем случае вы можете просто использовать .find.

Кроме того, вам не хватало закрывающего тега изображения.

http://jsfiddle.net/Utr6v/101/

// I guess you want to replace with images on the new page, not the one 
// which gets hidden 

nextPage.find(':input').each(function() { 
    var the_image_SRC = $(this).val(); 
    $(this).replaceWith('<img src="' + the_image_SRC + '">') 
});