javascript - css 选择器，为除两个标签之外的所有标签设置属性

Question

我有一个模式，我尝试实现嵌套注释现在我想将父评论 id 发送到模式中的子评论

显示模式的按钮:

<button class="btn btn-xs btn-light" data-target="#commentModal" data-toggle="modal" data-parent="3">پاسخ</button>

<div class="modal fade" id="commentModal" tabindex="-1" role="dialog" aria-labelledby="commentModal" aria-hidden="true" dir="rtl">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
                <h4 id="modal-label-3" class="modal-title">ارسال نظر</h4>
            </div>
            <div class="modal-body">
                <div class="respond-form" id="respond" style="padding-top: 0">
                    <form action="/comment" class="form-gray-fields">

                        {{ csrf_field() }}
                        <input type="hidden" name="parent_id" value="0">

                        <br>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group text-center">
                                    <button class="btn btn-block" type="submit">ثبت دیدگاه</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

我想将按钮中 data-parent 的值发送到模式中输入的“vlaue”属性

我在引导模式中看到了这个:

$('#commentModal').on('show.bs.modal' , function (event) {
    let button = $(event.relatedTarget);
    let parentId = button.data('parent');
    let modal = $(this);
    modal.find("[name='parent_id']").val(parentId);
});

但我不使用 Bootstrap ，并且以下代码对我不起作用!

Answer 1

像这样怎么样？

$(".btn").on("click", function(){
    $(".modal-body").find("[name=parent_id]").val($(this).data("parent"));
    // Code to show modal
});