Javascript Jade:在引导模式中获取变量

我正在努力实现以下目标：

我的Jade页面使用

for

-循环生成项目列表。此列表中的每个项目都有一些信息，通过Jade变量和删除按钮显示。此删除按钮应打开引导模式（弹出窗口）。我希望模态包含一些关于列表中相应项的信息

这是我的翡翠档案：

//Modal
.modal.fade#delPubModal(tabindex='-1', role='dialog')
        .modal-dialog
            .modal-content
                .modal-header
                    button.close(type='button', data-dismiss='modal')
                        span(aria-hidden='true')
                        span.sr-only
                            | Close
                    h4#delPubLabel.modal-title
                            | Delete //#{pub.title} should go here
                .modal-body
                    p#modalPubTitle
                            | Are you sure you want to delete //#{pub.title} should go here
                    p
                            | This can not be undone
                    form#delPubForm.form(method='post', action='deletepublication')
                .modal-footer
                    button#modalDelPub.btn.btn-danger(type='submit', form='delPubForm')
                            | Delete
                    button.btn.btn-succes(type='button', data-dismiss='modal')
                            | Close

//List of items
ul.media-list
    - var len = pubObject.length
    - for(var i = 0; i < len; i++)
        //Each pub has a title
        //The title should be passed on to the corresponding Modal
        - var pub = pubObject[i]
            .panel.panel-default
                .panel-body
                    li.media
                        .media-body
                            h4.media-heading#pubTitle
                                | #{pub.title}
                            button#delPub.btn.btn-danger(data-toggle='modal', data-target='#delPubModal')
                                span.glyphicon.glyphicon-trash
                                |   Delete

---

我使用以下JavaScript代码解决了这个问题：

$(document).ready( function() {
    $('#delPub').on('click', function() {
        var title = $(this).closest('h4').text();
        $('#delPubLabel').text(title);
    });
});

$(document).ready( function() {
    $('#delPub').on('click', function() {
        var title = $('#delPub').parent().find('h4').text();
        $('#delPubLabel').append(document.createTextNode(title));
    });
});    

---

您是否已选中，是否从后端获取数据？

onclick按钮的

，调用javascript函数，这样您就可以将数据作为参数传递。向我们展示您的javascript代码，让我们看看您面临的问题。@NarendraSoni我添加了我的javascript代码为什么不使用jade语法在数组上循环，只需在pubObject中编写

每个pub

，我有类似的要求。你能分享一下你是如何调用这段javascript代码的吗？