只选择一个包含多个类的元素?

时间:2018-05-16 21:30:07

标签: javascript jquery html

我想在一个按钮上触发一个onClick函数,该按钮可以在与按钮相同的div中的 类中切换输入。我有各种输入元素,它们具有动态创建的相同类。我需要只针对一个输入元素。这些输入与我想要点击的按钮不在同一个div中:

这是我之前的做法:

HTML

<div class="container flex-row">
<textarea class="changes-input flex-item-16 form-control" placeholder="text" type="text"></textarea>
<div class="flex-item flex-self-no-padding" style="min-width: 65px">
    <div class="btn-group btn-group-sm">
        <button id="edit-change-btn" type="button" class="btn btn-success">
            <i class="fa fa-pencil" aria-hidden="true"></i>
        </button>
        <button type="button" class="btn btn-danger" onclick="rejectChange(2)">
            <i class="fa fa-times" aria-hidden="true"></i>
        </button>
    </div>
</div>

JS

$('#the-button').click(function () {
    input = $(this).parent("div").find('.changes-input');
    $(input).removeClass("changes-text-area-selected");
    $(input).toggleClass("changes-textarea-normal");
});

0 个答案:

没有答案