Как найти тег, который имеет атрибут данных

Question

Я пытаюсь найти тег, который имеет атрибут data-direction. Так или иначе, это всегда неопределенно. То, что я пытаюсь сделать, это получить значения data-direction и data-cellId. Любые идеи?

var row = $('<tr data-cellId="' + cell.fatherId + '" data-direction="' + cell.direction + '"/>'); 
var nameColumn = $('<td class="port-name-col" data-cellId="' + cell.fatherId + '">' +cell.value.name + '</td>'); 
var btnColumn = $('<td class="port-btn-col"><button type="button" title="Remove" class="btn btn-default btn-xs x-button-icon btn-delete-port"><span class="glyphicon glyphicon-trash"></span></button></td>'); 
row.append(nameColumn); 
row.append(btnColumn); 

EventListener

$(document).off('click', '.btn-delete-port').on('click', '.btn-delete-port', function (event) { 
    var elem = event.target || event.srcElement; 
    //find tr element that has cellID attribute 
    var tr = $(elem).find("tr.data-cellId"); 
    alert($(elem).parent().parent().html()) 
}); 

Answer 1

Проблема заключается в этой строке:

var tr = $(elem).find("tr.data-cellId"); 

.data-cellId часть выбирает на основе элемента с этим классом. Для поиска атрибута, используйте [data-cellId] в вашем селекторе:

var tr = $(elem).find("tr[data-cellId]"); 

Чтобы затем получить значение этого атрибута, вы можете использовать:

tr.attr('data-cellId');