javascript - 如何在 Jquery next 方法中附加 Html

Question

我有以下 HTML。

<td>
    <table class="position">
        <tbody>
            <tr class="position-numbers">
                <td>1</td>
                <td>2</td>
                <td>3</td>
            </tr>

        </tbody>
    </table>
</td>
<td class="select-technique">
    <select class="technique-class">

    </select>
</td>

<td class="select-technique">
    <select  class="technique-class">

    </select>
</td>
<td class="select-technique">
    <select class="technique-class">

    </select>
</td>

<script>
let cloneTech = jquery('td').closest('select');
findNext.html(`<h1>hello</h1>`);
</script>

当我点击 td 时，我需要找到下一个选择并附加 html。next().html() 对此不起作用。

Answer 1

closest仅在dom中向上工作，如果你想查找嵌套在元素中的元素，你需要使用.find('select')

这将返回元素内的所有元素，在您的情况下，您在 td 内只有一个选择，因此这应该适合您。

你也不应该在这里使用.html()，因为这会设置innerHTML，如果你想替换选择，那么使用.replace()，如果你想要在选择之后插入它，请使用 .after()

let cloneTech = jquery('td').find('select');
findNext.after(`<h1>hello</h1>`);