Javascript 如何使用jQuery在DOM中的其他地方添加div中的类？

如何在

input[bdate]

的

div

中添加class

.jokjok

示例：

此代码不适用于我：

<button>Click Me</button>
<div class="pa_row mediumCell">
    <div class="column">
        <input type="text" name="expass">
    </div>
    <div class="column">
        <div class="auto_box2">
            <input type="text" name="bdate">
            <div></div>
        </div>
    </div>
    <div class="column">
        <input type="text" name="old">
    </div>
</div>



$('button').live("click", function () {
    $('input[bdate]').closest('.pa_row ').find('auto_box2 div').removeClass().addClass('jokjok');
    //alert('click is ok')
});

点击我
$（“按钮”）.live（“单击”），函数（）{
$（'input[bdate]'）。最近的（'.pa_行'）。查找（'auto_box2 div'）。removeClass（）.addClass（'Jok'）；
//警报（'单击确定'）
});

我认为您需要指定要用于选择正确输入的属性：

$('input[name="bdate"]');

这对我很有用：

$('button').live("click", function () {
    $('input[name="bdate"]').closest('.pa_row').find('div.column div.auto_box2 div').first().removeClass().addClass('jokjok');
});

请参阅：

简单的方法是： 将id属性添加到div

<div id="someid"></div>
$('button').live("click", function () {
    $('#someid').addClass('jokjok');
});

$（“按钮”）.live（“单击”），函数（）{
$（'someid'）.addClass（'jok'）；
});

或

创建新的整个div

$('button').live("click", function () {
        $('input[name="bdate"]').after('<div class="jokjok"></div>');
    });

$（“按钮”）.live（“单击”，函数（）{
$（'input[name=“bdate”]'）。在（''）之后；
});

您的一些选择器不太正确

$('input[bdate]')

应该是

$('input[name=bdate]')

find('div.auto_box2')

这将选择name属性为“bdate”的输入您以前的选择器选择了所有具有“bdate”属性的输入

find('auto_box2 div')

应该是

$('input[name=bdate]')

find('div.auto_box2')

这将选择具有“auto_box2”类的“div”

进行这些更改后，我们将得到以下代码-

$('button').live("click", function() {
    $('input[name=bdate]').closest('.pa_row ').find('div.auto_box2').removeClass().addClass('jokjok');
    alert('click is ok')
});

希望它能做你想做的

更新的小提琴-

可能重复的