jQueryの、リンクや画像

Question

のHyをバインドするために、私、この問題をクラスを使用して、持っているいくつかの李さんとテーマ内のリンクと画像：

私はリンクしてIMGをバインドする

<li><a href"somelink"></a><img src-""/></li> 
<li><a href"somelink"></a><img src-""/></li> 
... 

、私はとき意味誰かがクリックした画像をクリックしたり、このようなことをします...しかし、私はwindow.location.hrefを使いたくありません...私は同じクラスを使って一緒にテーマをフックすることができますintrested ...ですこれは可能ですか？

ありがとうございます

Answer 1

：

$('#header_menu li a + img').click(
    function(){ 
     document.location = $(this).prev('a').attr('href'); 
     /* or: 
     $(this).prev('a').click(); 
     */ 
    }); 

Answer 2

これはうまくいくのでしょうか？

$('img.clicky').bind('click', function() { 
    var h = $(this).attr('src'); 
    $(this).parent().attr('href', h).click(); 
}); 

述べたように、それは代わりに、持っている<a> -tag内部<img>あなたを必要と：

<a href=""><img class="clicky" src="" /></a>

Answer 3

は、具体的にはできますが、あなたがしなければならない画像のうち、リンクを作成したい場合それをaタグで囲みます。

<ul> 
    <li><a href="http://foo.com"></a><img src="" class="image-element" /></li> 
    <li><a href="http://foo.com"></a><img src="" class="image-element" /></li> 
</ul> 

// Using Live w/ Click Event 
$('.image-element').live('click', function() { 
    window.location.href = $(this).prev().attr("href"); 
}); 

// Click Event 
$('.image-element').click(function(){ 
    window.location.href = $(this).prev().attr("href"); 
}); 

ここにwindow.location docがあります。あなたが投稿のページを見ると
https://developer.mozilla.org/en/DOM/window.location

Answer 4

<ul class="linkify"> 
    <li><a href="somelink"></a><img src="" /></li> 
    <li><a href="somelink"></a><img src="" /></li> 
</ul> 

<script type="text/javascript"> 
$(function() { 
    $('.linkify img').click(function() { 
     $(this).siblings('a:eq(0)').click(); 
    }); 
}); 
</script>