簡體   English   中英

Jquery:如何在單擊tr時觸發td a

[英]Jquery: how to trigger td a when tr is clicked

我有一個表,其中trs中的第一個td包含一個鏈接。 我想要觸發(點擊)這個錨,無論我在哪里點擊包含tr。

我已閱讀並嘗試了很多關於這個主題的后期和建議,但我不能讓這個工作。 我嘗試了trigger()和triggerHandle()函數,但它沒有觸發我想要的錨點擊。

必須有其他人在單擊tr時需要觸發錨點擊,這樣用戶就不必單擊tds錨點鏈接。 如果可能的話,它肯定是一個很好的UI功能?

這是我試過的代碼:

<head> 
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />  
    <script type="text/javascript" src="javascripts/jquery-1.4.2.js"></script>
    <script type="text/javascript" charset="utf-8">
        /* Initialise the table with the required column sorting data types */
        jQuery(document).ready(function () {
            jQuery("#rowClick tr").click(function (e) {
                jQuery("#clickevent", this).trigger("click");
            });
        });
    </script> 
</head> 
<body id="dt_example"> 
    <table id="rowClick">
        <thead>
            <tr>
                <th style="width: 30px">id</th>
                <th style="width: 200px">navn</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td><a href="datatabletext.asp?test=1" id="clickevent">1</a></td>
                <td>Jesper</td>
            </tr>
            <tr>
                <td><a href="datatabletext.asp?test=2" id="clickevent">2</a></td>
                <td>Bjarne</td>
            </tr>
            <tr>
                <td><a href="datatabletext.asp?test=3" id="clickevent">3</a></td>
                <td>Søren</td>
            </tr>                            
        </tbody>
    </table>
</body> 

繼naugtur和亞歷山德羅之后; 隨着tds改為有一類'clickevent':

$(document).ready(function () {
    $("#rowClick tr").click(function (e) {
        document.location.href = $(this).find(".clickevent").attr('href');
    });
});

由於安全原因,觸發點擊a以重新加載頁面是不可用的。

試試這種方式:

document.location.href=$aintd.attr('href');

$ aintd是您找到的元素

        jQuery("#rowClick tr").click(function (e) {
            jQuery(this).find('td:first a').click();
        });

我應該補充一點,naugtur是正確的,因為這不會帶你到另一個頁面,但頁面上發生的任何事情都可以正常工作。

是的,x1a4是對的。 並從你的tds中刪除ids“clickevent”; id屬性必須是DOM元素的“主鍵”。

嘗試以下方法

 $("#rowClick tr").click(function (e) {
                $(this).find('td:first a').trigger('click');
            });

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM