У меня есть этот простой код jquery, если у меня есть более 2 < .tr> < ./tr> теги Я хочу удалить td.checkout class внутри второго < .tr> row..remove jquery не работает
код JQuery:
$(document).ready(function() {
var count = $(".mini-cart-total > table > tbody > tr").length;
if (count > 2) {
$(".mini-cart-total > table > tbody > tr:nth-child(2) > td.checkout").remove();
}
});
моя структура HTML/PHP выглядит следующим образом:
<div class="mini-cart-total">
<table>
<?php foreach ($totals as $total) { ?>
<tr>
<td class="right"><b><?php echo $total['title']; ?></b></td>
<td class="right"><?php echo $total['text']; ?></td>
<td class="checkout"><a href="<?php echo $checkout; ?>"><?php echo $text_checkout; ?></a></td>
</tr>
<?php } ?>
</table>
</div>
по какой-то причине, я не могу получить эту работу
Я не shure, если 'tbody' добавляется браузером DOM автоматически, но вы не указали его в своем HTML-коде, но ссылаетесь на него в своем jquery-коде. –
.remove() определенно работает. Скорее всего, вы просто не выбрали элемент для его удаления. –
попробуйте http://jsfiddle.net/arunpjohny/avFz4/1/ –