jquery - jQueryデータとのリンクとしてDivを使用する

Question

<div>リンクとして使用したいものがあります。

dataリンクしたいURLを「グッドプラクティス」の方法で添付するためにJQueryのメソッドを使用していますか？

<div>ネストされたタグのクリックイベントをトリガーすると<a>、乱雑になり始めていました。

Answer 1

別の方法として、あなたが話している<a>中にネストされている場合：<div>

$('#someDiv').click(function(){
    window.location.href = $(this).find('a').attr('href');
});

コードをもっと見ると、最適な答えを見つけるのに役立ちますが。

Answer 2

にを追加し、data-urljquerydivを使用data-urlしてクリックされたものを確認しdiv、最後にを使用してページをそのURLに移動できます。window.location.href = url;

HTML：

<div id="container" data-url="http://google.com">Click me</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

jQuery：

​$('#container').click(function() {
   var url = $(this).attr('data-url');
   window.location.href = url; 
)};​​​​​

実例を参照してください-http://jsfiddle.net/JfAHp/