jQuery的：引用表格單元格的<a />子元素

是否有可能增加一個jQuery的功能，以便在表格單元格中點擊將調用隱藏< A HREF =「JavaScript的：...」/>元素（即運輸署的後裔）？jQuery的：引用表格單元格的<a />子元素

我試着

$（ '＃表TD'）點擊（函數（）{$ （本）.find（ 'A'）點擊（）;} ）。

其他變種，但沒有運氣。

--larsw

2008-12-29 larsw

只是一個問題：爲什麼不把表格單元格內容的元素（顯示：塊）？ – cletus 2008-12-29 13:44:33

<html> 
<head></head> 
<body> 
<table border=1> 
    <tr> 
     <td>a1<a href=# onclick='alert("a1")' /></td> 
     <td>a2<a href=# onclick='alert("a2")' /></td> 
    </tr> 
    <tr> 
     <td>b1<a href=# onclick='alert("b1")' /></td> 
     <td>b2<a href=# onclick='alert("b2")' /></td> 
    </tr> 
</table> 
<script src="scripts/jquery-1.2.6.min.js" ></script> 
<script> 
    $(function(){ 
     $('table td').click(function(){ $(this).find('a').click()}); 
    }) 
</script> 
</body> 
</html>

我有它工作正常與上面的剪輯。然而，看到你的jQuery選擇器在它前面有一個＃，這將失敗，除非你的表有'表'的ID。

話雖如此，有可能是一個更好的方法來做你的事後隱藏一個嵌入JavaScript的標籤。

來源

2008-12-29 14:47:26

科裏很好觀察。我同意＃這是導致問題的原因。它應該是$（'table td）。 – 2009-01-02 06:23:58

你爲什麼不將你的JavaScript代碼了href屬性，進入您的點擊事件？ jQuery被編寫成不引人注目的JavaScript。

編輯：

沒有，但實際上，考慮取消贊成不顯眼的JavaScript的隱藏鏈接。以下是科裏的例子改寫的相關部分：

JS：

$(document).ready(function() { 
    $('table td').click(function(event) { 
     alert($(this).html()) 
    }) 
    })

HTML：

<table border="1"> 
    <tr> 
    <td>a1</td> 
    <td>a2</td> 
    </tr> 
    <tr> 
    <td>b1</td> 
    <td>b2</td> 
    </tr> 
</table>

來源

2008-12-29 13:51:35

這將是一個解決辦法，如果你想避免增加一個onclick：

$('#table td').click(function() { 
    $(this).find('a').each(function(){ window.location = this.href; }); 
});

來源

2008-12-29 15:00:12

這對我來說訣竅。我喜歡避免每個元素上的onclick事件，並且我需要這樣的元素。它只是工作。謝謝 – 2010-01-05 21:33:17

jQuery的：引用表格單元格的<a />子元素

回答

相關問題