jquery如何选中下一个元素的第一个子元素-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

jquery如何选中下一个元素的第一个子元素

小旋风柴进 2016-05-30 13:42:11 2691

代码如下:

    <div class="input-group">
        <input id="input1" type="text" class="form-control" aria-label="Text input with dropdown button">
        <div class="input-group-btn">
            <button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            </button>
            <div class="dropdown-menu dropdown-menu-right">
                <a class="dropdown-item" href="#">Action</a>
                <a class="dropdown-item" href="#">Another action</a>
                <a class="dropdown-item" href="#">Something else here</a>
                <div role="separator" class="dropdown-divider"></div>
                <a class="dropdown-item" href="#">Separated link</a>
            </div>
        </div>
    </div>

目标是选中input id="input1"的下一个div class="input-group-btn"里面的button,
把这个button的边框颜色由border-color:#ccc改为border-color:#d9534f

JavaScript
分享到
取消 提交回答
全部回答(1)
  • 小旋风柴进
    2019-07-17 19:20:27
    $("#input1")
        .next("div.input-group-btn")
        .children("button:first")
        .css("border-color", "#d9534f");

    或者直接用 jQuery 的选择符

    $("#input1+div.input-group-btn>button:first")
    0 0
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程