は（.SHOWに基本的にはJQuery

Question

を入力）私はすべての入力がの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はIDを持っていないようです。しかし、あなたはそれを複雑にしています。要素があれば、それを使って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 + '">') 
});