У меня есть две таблицы, как это,
<table id="table1">
<tr RowID="1">
<td>1</td>
</tr>
<tr RowID="2">
<td>2</td>
</tr>
</table>
<table id="table2">
<tr RowID="3">
<td>3</td>
</tr>
<tr RowID="4">
<td>4</td>
</tr>
</table>
JS
$(document).ready(function() {
var rowID = 4;
$("tr[RowID='" + rowID + "']") //Here I need to Get table ID
});
Есть ли способ, который я могу получить над идентификатором таблицы строк
Вы можете использовать .closest(), чтобы получить ближайший элемент предка, соответствующий данному селектору
$(document).ready(function () {
var rowID = 4;
var id = $("tr[RowID='" + rowID + "']").closest('table').attr('id');
alert(id)
});
Демо: скрипка
$(document).ready(function() {
var rowID = 4;
$("tr[RowID='" + rowID + "']") //Here I need to Get table ID
$("tr[RowID='" + rowID + "']").closest("table").attr("id"); //this should do it
});
closest
получит ближайшего родителя, соответствующего селектору. Оттуда вы можете захватить идентификатор.
Здесь скрипка:
Вы можете использовать ближайший() для перемещения дерева DOM из tr
с идентификатором RowID4
чтобы получить первую сопоставленную таблицу, которая является таблицей с идентификатором table2
. Затем вы можете использовать attr() или prop(), чтобы получить id
$(document).ready(function() {
var rowID = 4;
var id = $("tr[RowID='" + rowID + "']").closest('table').attr('id'); // or .prop('id')
console.log(id);
});