javascript - 如何使用 jQuery 按 ID 选择元素

Question

我正在尝试使用以下 jQuery 代码在 col_left div 中添加一个类为 col_box 的 div:

$('#col_left').add('div').addClass('col_box');

我的 DOM 树是这样的:

<div id="header">Header</div>
    <div class="col_container">
            <div id="col_left">
                <div class="col_box">A</div>
                <div class="col_box">B</div>
            </div>
    </div>

但是 jQuery 代码不工作。它将 col_box 类添加到页面上的每个元素。

Answer 1

$('#col_left').add('div')正在添加所有 <div>元素到原始选择。尝试使用 $('#col_left').append('<div class="col_box"></div>')相反(或 .prepend )。