jquery - attr の href が機能しない

Question

2番目の画像がリンクであるラジオボタンが選択されたら、画像を交換しようとしています。画像はオンクリックで正常に交換されていますが、2 番目の画像はリンクしていません。

<script type="text/javascript">
$(document).ready(function() { 
  $('#chkImg').click(function() {
      if($('#chkImg:checked').val()!=null) {
          $('#imgImage').attr({ src: 'circle.png' , href: 'http://www.google.com' })
      }
  })
})
</script>

<input type="radio" name="chkImg" id="chkImg">
<img id="imgImage" name="imgImage" src="square.png"> </p>

Answer 1

属性が機能<a>するには、タグを使用する必要があります。href

$('#imgImage').attr({ src: 'circle.png' })
  .wrap('<a href="http://www.google.com">');

Answer 2

href は<a />タグ内でのみ有効です。<img />タグをクリック可能にしたい場合は、javascript を使用してリダイレクトしてみてください。

$('#imgImage')
  .attr({ src: 'circle.png' })
  .click(function() { window.location = 'http://www.google.com' });