Jquery: как правильно использовать метод .next ()?

Question

Jquery: как правильно использовать метод .next ()?

0

<div id="demoC12" class="collapse in" style="height: auto;">
    <form id="fd12">
        <input type="button" id="TestButton">
    </form>
</div>

<div id="div" style="margin-top:10px"></div>

<table class="table table-condensed table-hover TableDog mgtb20">
    <thead>
        <tr>
            <th></th>
            <th></th>
            <th></th>
            <th></th>
            <th></th>
            <th></th>
        </tr>
    </thead>    
    <tbody class="ClassTbody">

    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    </tbody>
</table>

Чтобы очистить html в tbody.ClassTbody я использую следующий код:

$("body").on("click", "#TestButton", function(){
    $(this).parent().parent().next("tbody.ClassTbody").html('');
});

Но это не работает...

Также мне нужно изменить прозрачный html только для первого элемента, найденного из tbody.ClassTbody.

Скажите, пожалуйста, где ошибка? Как я могу это исправить?

Jason P 13 май 2014, в 21:36

Источник

0

Почему вы не можете напрямую установить tbody.classTbody html в ''?
malkam 13 май 2014, в 19:27
0

@malkam потому что вопрос, как правильно использовать next ()?
user2881809 13 май 2014, в 19:29
0

next () в этом случае переместит вас в div id = "div" - вы никогда не попадете в таблицу
Jay Blanchard 13 май 2014, в 19:30
0

@JayBlanchard в цикле У меня есть несколько таких же элементов на странице, поэтому вам нужно следующее ().
user2881809 13 май 2014, в 19:34
0

@JasonP предоставил ответ, который будет работать для вас. Я не думаю, что вы понимаете основы метода next () и для чего он предназначен.
Jay Blanchard 13 май 2014, в 19:44

Показать ещё 3 комментария

Теги:

jquery

1 ответ

Ещё вопросы

Почему вы не можете напрямую установить tbody.classTbody html в ''?
@malkam потому что вопрос, как правильно использовать next ()?
next () в этом случае переместит вас в div id = "div" - вы никогда не попадете в таблицу
@JayBlanchard в цикле У меня есть несколько таких же элементов на странице, поэтому вам нужно следующее ().
@JasonP предоставил ответ, который будет работать для вас. Я не думаю, что вы понимаете основы метода next () и для чего он предназначен.

Jason P · Accepted Answer · 2014-05-13T16-57-00.000Z

.next() никогда не может выбрать ничего, кроме следующего брата.

Я думаю, вы могли бы просто сделать это:

$("body").on("click", "#TestButton", function(){
    $("tbody.ClassTbody").html('');
});

Но если вам нужно пройти, попробуйте следующее:

$("body").on("click", "#TestButton", function(){
    $(this).closest('div').nextAll('.table').first().find("tbody.ClassTbody").html('');
});

Проверьте документацию на список методов обхода дерева и найдите те, которые будут работать для вас: http://api.jquery.com/category/traversing/tree-traversal/

@DylanCorriveau см. Вопрос имени, пожалуйста.
@learner Этот комментарий был направлен на меня? Если так, .next() не та функция, которую вы хотите здесь. .next() выберет только ближайшего родственника. Если вы укажете селектор, он вернет этого брата, только если селектор совпадает. Невозможно начать с #demoC12 , вызвать .next() и в конечном итоге получить tbody.ClassTbody .
@learner Это работает для меня: jsfiddle.net/YxFuW . Любые ошибки в вашей консоли JavaScript?