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的值，以及＃34; vlaue＆＃34;模态中输入的属性

我在bootstrap模态中看到了这个：

$('#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
});

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

1 个答案: