jquery - 单击表行时如何获取数据属性

Question

我有表格，我想获取被单击行的“几何”列的数据属性。所以我正在做的是:

var row = jQuery(this).closest("tr");  

上面的代码是获取被点击的行，下面的代码是从列几何中获取数据属性，我的数据属性是data-geomet。

var text = row.find("geometry").data("geomet");
console.log(text);

我收到文本 undefined。我获得类几何的 text() 但无法获得数据属性。

示例 HTML:

<td class="geometry" data-geomet="${obj["Details"]}"> details["geometry"]</td></tr>

更新

    %for obj in tableData:
        var details=JSON.parse('${obj["Details"]}');
        var data = "<tr><td> <a href='#gMap' class='fence_data'>${obj['Geofence_Name']}</a></td>";
        data += "<td>${obj['Vehicle_Id']}</td>";
        if(details["type"]===undefined){
            data += '<td>NA</td>';  
        }
        else{
            data += '<td class="type"> '+details["type"]+'</td>';
        }
        if(details["radius"]===undefined){
            data += '<td>NA</td>';  
        }
        else{
            data+='<td class="radius"> '+details["radius"]+'</td>';
        }
        if(details["geometry"]===undefined){
            data += '<td>NA</td></tr>'; 
        }
        else{
            data += '<td class="geometry" data-geomet="${obj["Details"]}"> '+details["geometry"]+'</td></tr>';
        }
       table.append(data)

    %endfor

这是一个示例 jsfiddle.net/3vmL5277/2，其中我未定义。

Answer 1

给定您的 HTML 格式:

<td class="geometry" data-geomet="${obj["Details"]}"> details["geometry"]</td></tr>

这段代码应该适合你:

// assuming this code is in an event handler
// and 'this' refers to an element within a 'tr' element
var $row = jQuery(this).closest("tr");
var text = $row.find(".geometry").data("geomet");
console.log(text);