2012-08-30 53 views
0

你好,我想使div的我有我的td的行爲作爲href的。我怎樣才能做到這一點?HTML DIV的TD內部作爲href的

也許與jQuery或JavaScript,如果不與HTML ?? ??

<table class="mgmtview_table" align="center"> 
    <tr> 
    <td class="content" id="content"> 
     <table class="content_table"> 
     <tr> 
     <td class="topBar"> 
     <div id="div_view" align="center">FusionCharts will load here!</div> 

    </td> 
     <td class="topBar"> 
     <div id="div_view2" align="center">FusionCharts will load here!</div> 
    </td> 
     <td class="topBar"> 
     <div id="div_view3" align="center">FusionCharts will load here!</div> 
    </td> 
    </tr> 

     <tr> 
     <td class="topBar"> 
     <div id="div_view4" align="center">FusionCharts will load here!</div> 
    </td> 
    <td class="topBar"> 
     <div id="div_view5" align="center">FusionCharts will load here!</div> 
    </td> 
    <td class="topBar"> 
     <div id="div_view6" align="center">FusionCharts will load here!</div> 
    </td> 
    </tr> 

     <tr> 
     <td class="topBar"> 
     <div id="div_view7" align="center">FusionCharts will load here!</div> 
    </td> 
    <td class="topBar"> 
     <div id="div_view8" align="center">FusionCharts will load here!</div> 
    </td> 
    <td class="topBar"> 
     <div id="div_view9" align="center">FusionCharts will load here!</div> 
    </td> 
    </tr> 

+4

爲什麼不只是使用標籤? – manish

+0

我同意伊馬尼亞語 - 你爲什麼要這麼做? –

+1

確實。你可以將它們設置爲'display:block'來使它們像一個塊元素(就像一個div)一樣,所以你可以像使用div一樣給它賦予寬度,高度和其他屬性。根本不需要Javascript。 – GolezTrol

回答

3

使用jQuery你可以做這樣的事情:

$('table.content_table td div').click(function(){ 
    alert('clicked'); 
    location.href='http://google.com'; 
}); 

但是如果你想要的鏈接,那麼你真的應該使用<a href="...">。這就是他們的目標。 :p

1

答案是你沒有。

用html記住一條重要的規則就是使用正確的元素來完成你想要做的工作。這就是爲什麼存在這樣一系列要素。

一個你開始搞亂交換元素,你打開一個蠕蟲罐,不僅具有跨瀏覽器兼容性,而且具有可訪問性。

使用HTML錨點元素。您可以使用任何您喜歡的方式對其進行設置,如果需要,可以使用JavaScript輕鬆覆蓋默認行爲。有關Anchor元素的更多信息,請查看here中包含的信息。