jQuery選擇。不是（）不工作

Question

我已經建立了它看起來像這樣的功能jQuery選擇：

$('html').not('.table-main tr[selected]').mousedown(function(e) { 

但不知何故，它不是在所有的過濾，我不明白爲什麼。 即使我只是離開（'.table-main'）對於選擇器，我仍然在點擊表格時觸發該函數......這是什麼問題？

使用文件或「身體」，而不是「HTML」沒有幫助，因爲文件是不是在所有。不觸發（）和「體」的結果相同。

編輯： 剛剛嘗試使用表格外的另一個塊，它的工作原理。有沒有機會我不能在桌上使用它？

UPDATE2：按照要求，這裏是表的渲染HTML代碼：

<table border="0" cellspacing="2px" cellpadding="5px" class="table-main"> 
     <tr id="tablefields"> 
     <th style="padding: 0;"> 
      <table cellpadding="0" cellspacing="0" border="0" align="center"> 
      <tr><th><div class="tr-head-get" id="tr-get-0">Name</div></th></tr> 
      <tr><th><div class="th-header" id="th-header-0" style="top: 54px;">Name</div></th></tr> 
      </table> 
     </th>  
     <th style="padding: 0;"></th> 
    </tr> 
     <tr id='table_form_new_device' class='table_form_class'> 
     <form accept-charset="UTF-8" action="/devices" class="new_device" data-remote="true" id="new_device" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /><input name="authenticity_token" type="hidden" value="T2dSeZpxxvgJdTP+yoE7BrVODzqJ95gyVu9Wh/v7oP8=" /></div> 
     <th class='tablefield'> 
      <input id="device_devicename" name="device[devicename]" size="10" type="text" /> 
     </th> 
     <th> 
      <div class='submitbox' id='submitbox_new_device'>S</div> 
      <script> 
      $('#submitbox_new_device').click(function (event) { 
       $('#new_device').submit(); 
      }); 
      </script> 
     </th> 
    </form></tr> 
    </table> 
    <div class="dropdown-button" style="margin: 0 2px;">Filter</div> 

Answer 1

你真的想使用委託的事件處理，是因爲你不想附加事件處理程序到文檔中的每個單個元素。您想要在文檔級別攔截冒泡事件，並檢查mousedown是否來自表中不是選定行的元素。

此外tr[selected]似乎不太可能工作。我認爲您需要將類"selected"添加到所選行，然後使用tr.selected作爲選擇器。

如果你做出的改變，我建議像這兩個選項之一：

$(document).mousedown(function(e) { 
    if (!$(e.target).is('.table-main tr.selected')) { 
     // mouse down and it wasn't in a selected row of your table) 
    } 
}) 

您可能還可以讓jQuery的代表團做更多的工作：

$(document).on('mousedown', ':not(.table-main tr.selected)', function() { 
    // mouse down and it wasn't in a selected row of your table) 

}); 

---

看到您的實際HTML後，如果我正確理解問題，這應該工作。這會給你一個事件隨時點擊情況，只要是點擊是不連續的table-main有它的selected類：

$(document).on('mousedown', function(e) { 
    // mouse down and it wasn't in a selected row of your table) 
    e.stopPropagation(); 
    if (!$(e.target).closest(".table-main tr.selected").length) { 
     console.log("mousedown not in selected row of table-main") 
    } 
});​ 

這裏有一個演示：http://jsfiddle.net/jfriend00/5QD6N/

Answer 2

使用[selected]使得tr類型的元素沒有意義。您使用選定的輸入（checkbox,radio）。您可以在.table-main中的tr元素中添加一個類.selected，然後使用：

編輯：像上面發佈的人一樣，您想要使用選擇嵌套在主體內的元素。

$('body').find(':not(.selected)').mousedown(function(e){}) 

Answer 3

$('html')創建一個包含您的HTML元素的jQuery對象。

.not('.table-main tr[selected]')刪除所有屬於table-main類成員的元素的所有屬性（此處存在錯誤，該屬性未出現在TR上）的TR元素。由於HTML元素不是TR元素，並且不能從任何東西繼承，所以這不會消除任何元素，也不會產生任何效果。

mousedown(function(e)將事件處理程序綁定到HTML元素。除非停止傳播，否則任何點擊最終都會冒泡到那裏。

我猜測（因爲你實際上並沒有說你想達到什麼）要捕獲未選擇在TR元素的點擊次數。假設您切換到使用類，使HTML有效...

$('.table-main tr:not(.selected)').mousedown(…); 

和

<tr class="selected">