jquery：在同一頁上選擇具有多個不同ID和其他tds的點擊td表元素

我正在構建調度軟件。我使用多個表格來顯示時間/日期等。jquery：在同一頁上選擇具有多個不同ID和其他tds的點擊td表元素

在一個特定的表格中，有一些帶有id的單元格列出日期和員工ID號。

我正在嘗試設置交易班次系統。單擊單元格時，會執行ajax函數。

下面是一個例子細胞：

<td id="tblcell-2013_03_13-id_3" class="displayShift">$data placed here</td>

jQuery代碼：

$(document).ready(function() { 

    // I can't do this because each id is different 
    $("td#tblcell").click(function() { 
    alert('it works!'); 

    }); 

    // I can't do this because there other other td elements on the same page in other tables 
    $("td").click(function() { 
    alert('it works!'); 
    }); 

});

如何設置點擊一個特定的單元格時激活的功能也passess VAR數據到函數在腳本中有其他td表格元素，不能在此函數中引用？

感謝

來源

2013-01-13 mandalorianwarrior

請發佈更多的HTML以及在單擊單元格時還應該從其他單元格訪問什麼內容的示例。最顯然的是使用類選擇器。 '$（'。displayShift'）。click（function（）{console.log（$（this））;}）;'其中'$（this）'是單擊的單元格。 –

我不明白，對不起。哪些是「其他td表元素」，除非它是作用域的，否則所有東西都可以被引用，但是DOM元素不是這種情況，因此它們可以被引用。 – kidwon

kidwon，謝謝你的回覆。還有其他的table td元素和其他表格都有自己的td ..所以使用通用的「td」選擇器作爲click func會觸發所有這些其他td元素。我已經在這裏設置了一個problme的演示：http://jsfiddle.net/NMGNb/ – mandalorianwarrior

可以使用td[id^="tblcell"]選擇器選擇開始tblcell

$('td[id^="tblcell"]').click(function() { 
    // ... do stuff ... 
});

演示的屬性值 - 開始 - 與選擇與他們的ID的所有TD：http://jsfiddle.net/ARkxD/

來源

2013-01-13 17:31:50 techfoobar

感謝您的快速響應。我不知道你可以這樣做，所以我學到了一些東西。我試過了，Firebug沒有提供任何錯誤。當我點擊一個單元格時，警報不會觸發。什麼都沒發生。沒有錯誤。我正在使用jquery 1.8.2和jqueryiu 1.9.1 – mandalorianwarrior

嗯..似乎工作正常。檢查演示。 – techfoobar

感謝您的演示。嘗試點擊我的演示..這是醜陋的..嘗試點擊一個td與首字母「DD」「FH」等..它不開火：http://jsfiddle.net/NMGNb/ – mandalorianwarrior

jquery：在同一頁上選擇具有多個不同ID和其他tds的點擊td表元素

回答

相關問題