jquery在表中選擇兩列並逐行比較TD值

我創建了一個小的html文件，允許用戶使用兩個下拉菜單選擇兩列。jquery在表中選擇兩列並逐行比較TD值

用戶選擇兩列並單擊COMPARE按鈕後，將出現兩個選定列。

接下來，用戶應該查看兩列之間的區別（它們具有不同的背景顏色）。包含彩色列中相同文本的行應顯示文本「無變化」。

這裏是一個小提琴，更好地說明我的問題：

我這個代碼的嘗試：

$(".tabella tr").each(function(){ 
    if($(this).find("td.slot1").text()==$(this).find("td.slot2").text()) 
    { 
     $(this).find("td.slot2").text("MATCHED!"); 
    } 
});

...但它不工作:(

。

最後一個問題（對不起）：如果你點擊按鈕COMPARE，你會得到兩列顯示。如果你選擇其他列並重新點擊COMPARE按鈕，另一列s出現在右邊。當再次點擊COMPARE按鈕時，如何重置整個頁面？

也許我可以隱藏比較按鈕，並顯示另一個按鈕（重置），將重新加載頁面。這將是我的新手方法。獲得相同結果的最佳方法是什麼？

來源

2017-02-16 sweetman

您參考tabella不匹配任何元素;將您的選擇器更改爲：

有了幾條額外的線條，您可以將表格重置爲原始狀態而無需重新加載頁面。

根據你的程序的完整例子：

JSFIDDLE

來源

2017-02-16 17:51:31

jquery在表中選擇兩列並逐行比較TD值

回答

相關問題