イベントonclick​​と<tr>は動作しません

Question

私はテーブルがあり、にonclickがあり、tdにしかありません。これを行うには

私は2つの機能があります。

function goToLink(url) { 
    location.href = url ; 
} 

function goToLinkTd(e,url) { 

    if (!e) var e = window.event;    // Get the window event 
    e.cancelBubble = true;      // IE Stop propagation 
    if (e.stopPropagation) e.stopPropagation(); 
    location.href = url ; 
} 

<tr onclick="goToLink('http://tahrircenter.com/product/bb/url')"> 
    <td>1</td> 
    <td>10013</td> 
    <td>عنوان</td> 
    <td> 
           - 
    </td> 
    <td>10</td> 


    <td> 
     <p class="">0</p> 
    </td> 
    <td onclick="goToLinkTd(event,'http://tahrircenter.com/product/bb/url#price-change')"> 
     <a href="#"><img src="http://tahrircenter.com/assets/frontend/_img/_svg/chart.svg" alt="" class="table-chart"></a> 
    </td> 
</tr> 

が、私は私の行（TR）をクリックしたとき、それはののリンクをtdのために行くを。

http://tahrircenter.com

Answer 1

使用jquery eventsとhtml

<tr customName="http://tahrircenter.com/product/bb/url"> 
    <td></td> 

にカスタム属性を適用 trと td異なるクラスに

$(function(){ 
    $('tr td.someClass').click(function(){ 
     //Code here 

    }) 

    $('tr.ClassName').click(function(){ 
     //Code here 
     var attributeValue=$(this).attr("customName"); // you 
    }) 
}) 

を与えます