jquery - 他のdivの画像からタイトル属性を抽出するにはどうすればよいですか

Question

HTML:

<img class="thumb_img" title="Sample title here" src="http://example.com/test.jpg" />

titleから属性を抽出imgし、テキストとして追加したいと考えていますdiv。

結果：

<img class="thumb_img" title="Sample title here" src="http://example.com/test.jpg" />

<div class="title_container">Sample title here</div>

score 1 · Accepted Answer

Grab the title attribute from the image

title = $("img.thumb_img").attr('title');

Place it in the div (and use a more specific selector :P)

$('div').html(title);

score 1 · Accepted Answer

jQuery のattr()関数を使用して、任意の属性の値を取得できます。

var title = $("imgSelector").attr('title');

text()生のテキストのみを期待している場合は、それを挿入するために使用できます。またはhtml()、コンテンツがマークアップである場合。

$("divSelector").text(title);

imgSelectorとdivSelectorは、画像とターゲット div のセレクターです。あなたが提供したのが疑似コードなのか製品コードなのかわからないので、現在使用しているものに置き換える必要があります。

2 に答える 2