は、私が持っているjQueryの

Question

を使用してdiv要素の内容を含むtitle属性を持つdivの前に要素を追加：

<li class="ingredient"> 
<div> 
<span class="amount">1 lb</span> 
<span class="name">asparagus</span> 
</div> 

私が取得するjQueryのを使用したい：

<li class="ingredient"> 
<img class="myImage" title="Yes!!! asparagus" src="/white2x2.gif"> 
<div> 
<span class="amount">1 lb</span> 
<span class="name">asparagus</span> 
</div> 

は、これまで私が得た：

$(".ingredient div").before("<class='myImage' src="/white2x2.gif' />"); 

どのようにしてタイトルを取得できますか？ページにはこれらの要素がたくさんあることに注意してください。要素を表すタイトルが必要です。

多くの感謝！

Answer 1

あなたのコメントに基づいて、これはあなたのためにそれを行う必要があります。

$('.ingredient div').each(function() { 
    var name = $(this).find('.name').text(); 
    $(this).before($('<img />').attr({class:'myimage', src:'/white2x2.gif',title:name})); 
}); 

はここjsfiddle

Answer 2

試してみてください。

var newDiv = $("<img />").attr('src','/white2x2.gif').attr('class','myImage').attr('title','Yes!!! asparagus'); 
$(".ingredient div").before(newDiv); 

Answer 3

あなたがタイトルとしてあなたのスパンでテキストを使用しようとしている場合：

var name = $('.ingredient').find('.name').text(); 
$('.ingredient div').before($('<img />').attr('class','myImage').attr('src','/white2x2.gif').attr('title', name); 

Answer 4

あなたはjQueryの.prepend()を使用することができます。

$(document).ready(function(){ 
    $.each($(document).find("li.igredient"), function(){ 
     img_title = $(this).find('.name').text(); 
     $(this).prepend("<img class='myImage' src='/white2x2.gif' title='" + img_title + "' />"); 
    }); 
}); 

http://jsfiddle.net/KHFRh