node.js - node.js expressjsを使用してindex.jadeのdivをインデントする方法は？

Question

div_oneと呼ばれるこのdivが何もないdivを持つindex.jadeがあり、動的divであると思われるので、ボタンでコンテンツを変更して、div_oneのコンテンツを置き換えるために.jadeで4つのdivを準備します。

ボタンを押すと、そのdivにいくつかのdivを配置したい

#div_one
    //nothing

ボタンを押すとdiv_oneが変わります

#div_one
    #div_in_1
        t some text
    #div_in_2
        t other text data

ありがとう！

Answer 1

これがインデントと何の関係があるのか​​わかりませんが、このようなものは機能します（ここではjQueryを使用しています）...

script
    $('#btn').click(function() {
        $('#div_one').html('<div id="div_in_1">t some text</div><div id="div_in_2">t other text data</div>');
    });

#div_one
    | empty

button#btn Click me

Answer 2

これには別のリクエスト、つまりAJAXを使用することをお勧めします。サーバー側のコードは次のようになります。

app.get('/div_in_1', function(req, res) {
    res.render('div_in_1.jade');
}

// For every div

フロントエンドコードは次のようになります。

$('#btn1').on('click', function() {
    $.ajax({
        url: "/div_in_1",
    }).done(function(msg) { 
        $('#div_one').html(msg);
    });
}