я хочу, когда я нажимаю кнопку внутри моей таблицы-2, чтобы подсчитать, сколько кнопок есть в конкретной таблице-1, поэтому я могу удалить их все, один за другим, но не последний. Так что мне нужно каким-то образом поднимитесь до родительского элемента, подсчитайте кнопки, а затем используйте этот путь, чтобы спуститься вниз и удалить кнопку. Вот мой код jquery, который работает только тогда, когда у меня одна строка таблицы-1, а не для строк таблицы-1.
$("table.table-2").on("click","#abstract_day",
function () {
var n =$("button#abstract_day").size();
if (n==1) {
return false;
}else{
$(this).parent().parent().parent().remove();
};
});
<table class="table-1">
<tbody>
<tr>
<td>
<table class="table-2" >
<tbody>
<tr>
<td id="day" >
<span>
<select class="form-control-2">
<option></option>
<option>1</option>
<option>2</option>
</select>
<button id="add_day" type="button" class="btn btn-default">
</button>
<button id="abstract_day" type="button" class="btn btn-default">
</button>
</span>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<table class="table-2" >
<tbody>
<tr>
<td id="day" >
<span>
<select class="form-control-2">
<option></option>
<option>1</option>
<option>2</option>
</select>
<button id="add_day" type="button" class="btn btn-default">
</button>
<button id="abstract_day" type="button" class="btn btn-default">
</button>
</span>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
Если бы я правильно понял вас, вы могли бы сделать что-то подобное
$("table.table-2").on("click","#abstract_day", function () {
$(this).closest("tr").find("button").not(":last").remove();
});
$("table td:not(:last)")
все тд кроме последнего тд