Как проверить имя поля td с jquery?

Question

У меня есть значение в поле атрибута td, но я не могу найти правильный способ проверить или подтвердить его значение.

т.е.

<td class="edit" field="qcat_id" user_id="1">MyCat</td> 

Как я пытался:

function makeEditable(element) { 
    console.log (element); 
     if (element.field =="qcat_id"){ 
      alert('yes'); 
     } 
} 

Он никогда не покажет, да и console.log возвращает всю <td>...</td> как строку.

Update ====================== Ниже приведен код, в котором собираются параметр element

$(function() { 
    $(document).on("dblclick", "td.edit", function(){ makeEditable(this); }); 
}); 

Спасибо всем

Answer 1

с JQuery это должно быть просто следующим образом:

if (element.attr("field") =="qcat_id"){ 
    alert('yes'); 
} 

Это предполагает, что element является объектом JQuery, если вам не нужно, чтобы получить, что с помощью соответствующего переключателя, somethi нг как:

var element = $(".edit"); 

Here is a working example

---

Как предположил RGraham, было бы лучше использовать data-* атрибуты для хранения такого рода данных. Вы можете сделать это следующим образом:

<td class="edit" data-myid="qcat_id" user_id="1">MyCat</td> 

, которые можно получить с помощью следующих действий:

var myId = $(".edit").data("myid"); 

Here is an example using data attributes

Answer 2

Попробуйте

$(".edit").attr("field") 

Answer 3

$(document).ready(function(){ 
    var a = $('.edit').attr('field'); 
    alert(a); 
}) 

Answer 4

var element = $("td[user_id='1']"); 

if (element.attr("field") == "qcat_id"){ 
    alert('yes'); 
} 

Answer 5

Вы можете получить значение атрибута, как показано ниже.

$("td[user_id='1']").attr("field"); 

Вы должны префикс атрибутов с данными, так называемые пользовательские атрибуты. Кроме того, все атрибуты, предваряемые данными, игнорируются агентами пользователя.