captchaプラグインのクリックハンドラー

Question

私はこのJSコードをjquery capty pluginにしようとしています。しかし、プラグインには次のような画像が必要です。

<img id="default1" src="img/1.jpg" name="#content-target1" width="208" height="143" class="latest_img" /> 

この画像を追加すると、以下のJSが動作しませんでした。基本的に私が望むのは、スパンをクリックして、その内容を示す警告メッセージを表示することです。

$('.tag_content').live('click', function(event){ 
    var span_val = $(this).parent().children("span").html(); 
    alert(span_val); 
    }); 

htmlコード

<div class="images"> 
    <a href="#"> <img id="default1" src="img/1.jpg" name="#content-target1" width="208" height="143" class="latest_img" /> </a> 
    <div id="content-target1"> 
    <span class="tag_content">Design</span> 
    </div> 
</div> 

任意のアイデア？ありがとう

Answer 1

次のコードは私のために働くようです。あなたはjsFiddleでそれを試してみることができます：http://jsfiddle.net/fZSGt/4/

$('#default1').capty(); 
$('.tag_content').click(function() { 
    //var span_val = $(this).parent().children("span").html(); 
    var span_val = $(this).html(); 
    alert(span_val); 
}); 

あなたのコードには不要であると思われるので、私はまた$(this).html()へ$(this).parent().children("span").html()を変更しました。