2011-09-06 12 views
12

JQueryを使用して、表の行をクリック可能にして、最初のセルに隠れているURLにリダイレクトしようとしています。 テーブルの最後の列に別のURLにリダイレクトするイメージがあります。JQuery - クリック可能な表の行(最後のセルを除く)

JQueryは次のとおりです。

$(function() { 
    $('#link-table td:first-child').hide(); 

    $('#link-table tr').hover(function() { 
     $(this).toggleClass('highlight'); 
    }); 

    $('#link-table tr').click(function() { 
     location.href = $(this).find('td a').attr('href'); 
    }); 
}); 

、行作品をクリックすると、最後のセル内の画像ハイパーリンクをクリックすると、私が欲しいものではありません行をクリックすると、同じURLにリダイレクトします。私は最後のセルの作品に画像ハイパーリンクをクリックすると、今の行をクリックしてクリックイベント

$('#link-table tr td:not(:last-child))').click(function() { 
     location.href = $(this).find('td a').attr('href'); 
    }); 

ために、このコードを使用してみました

は最後のセル内の画像ハイパーリンクに添付URLにリダイレクトします。

行をクリックすると1つのURLにリダイレクトされ、最後のセルのハイパーリンクをクリックすると他のURLにリダイレクトされます。

答えて

20
$('#link-table tr td:not(:last-child)').click(function() { 
     location.href = $(this).find('td a').attr('href'); 
    }); 

$(this)'#link-table tr td:not(:last-child))'であるあなたの

その後、 'td a'など

+0

これは正しい解決策でした。私は思うようにいくつかのものをねじ込んでいた余分なブラケットがそこにあります。代わりに、 $( '#link-table tr td:not(:last-child)')をクリックする必要があります。 – Tom

0

はおそらく返す必要があります:あなたが好きなものは何でもするvar trを使用することができますtrその後 var tr = $(this).closest('tr'); であなたが見つけることができる、

$('#link-table tr').last().click(function() { 
    return false; 
}); 
+0

あなたは最後の行を選択します。彼は行の最後のtdを除くすべての行を求めています。 –

+0

これは彼の他のコードに加えてあります。 – VNO

関連する問題