jqueryでアンカータグのタイトルを取得するのに役立ちます

Question

私はそれが機能していない理由を理解していると思います。しかし、それを機能させるにはまだ十分ではない。

まず私は、これらのリンクの1つがクリックされたとき、そして、私はそれがタイトルだつかむと異なるDIVの背景画像のJPG名としてそのタイトルを使用

var imageNumber = 42; 
for (imageNumber = 1; imageNumber <= 42; imageNumber++){ 
    $("#thumbReelList") 
    .append('<li><a title="worksImage' 
    + imageNumber 
    +'" style="background: no-repeat center url(/worksImages/THMworksImage' 
    + imageNumber 
    + '.jpg)" href="#"></a></li>'); 
} 

jQueryの

を使用してリストを生成します。

$("#thumbReelList > li > a").click(function(){ 
    var imageName = $(this).attr("title"); 
    $("#backgroundImageBox").css({"background-image": "url(/worksImages/"+ imageName +".jpg)"}); 
}); 

問題は、私は、この「クリック」関数を呼び出すとき、その時点でJavascriptがまだアンカーのための任意の「タイトル」属性を生成していないこと、放火犯に応じているようです。

私はimagenameの変数のための「警告」を使用する場合、それは私がスペースを追記機能でスタイル属性の前に欠けていると思う

Answer 1

それは私が私はちょうど作業コードをIDにタイトルを切り替えて、ここだ

---

var imageNumber = 42; 
for (imageNumber = 1; imageNumber <= 42; imageNumber++){ 
    $("#thumbReelList") 
    .append('<li><a id="worksImage' 
    + imageNumber 
    +'" style="background: no-repeat center url(/worksImages/THMworksImage' 
    + imageNumber 
    + '.jpg)" href="#"></a></li>'); 
} 


$("#thumbReelList > li > a").click(function(){ 
    //alert("the id of this anchor is = "+ $(this).attr("id")); 
    $("#backgroundImageBox").css({"background-image": "url(/worksImages/"+ $(this).attr("id") +".jpg)"}); 
}); 

Answer 2

T_T何も返しません。 これを試してみてください：

var imageNumber = 42; 
for (imageNumber = 1; imageNumber <= 42; imageNumber++){ 
    $("#thumbReelList") 
    .append('<li><a title="worksImage' 
    + imageNumber 
    +' " style="background: no-repeat center url(/worksImages/THMworksImage' 
    + imageNumber 
    + '.jpg)" href="#"></a></li>'); 
}