Question

嗨，谢谢你花时间回答我的问题。欣赏它。

我们假设我有以下HTML：

<div>
    <div class="selectWrapper">
        <select class="selectable">...</select>
    </div>
    <input />
    <input />
    <input class="thisIsTheInputFieldThatIWantToSelect" />
</div>

我有以下jquery脚本：

$('.selectable').bind('change', function(){
    if($(this).val() > 1){
        $(this).parent().next().next().val('').addClass('validate[required]');
    } else {
        $(this).parent().next().next().val("Type your KPI's description").removeClass('validate[required]');
    }
});

基本上当选择一个选项时（默认值为0除外）我想让兄弟输入变为必需并清空它的值。请看看我上面的尝试。第一种方式和第二种方式都不起作用。但是，第三种方式根据所选选项用特定颜色绘制持有者div。我究竟做错了什么？谢谢！

Answer 1

如果'.personalWellbeing'是你的选择元素......

$(this).parent().siblings('.thisIsTheInputFieldThatIWantToSelect').val('');

Answer 2

您可以使用nth-child（）函数。 http://api.jquery.com/nth-child-selector/

例如：$（this）.parent（）。（'input：nth-child（3）'）

用jQuery选择一个兄弟元素

2 个答案: