将HTML div的内容转换为脚本

时间:2016-07-28 19:41:28

标签: javascript jquery html

我想将html div的内容更改为javascript代码。我不知道这是否可能以及如何实现它。混凝土:

<div id="anything" class="pgn">1. d4 Nf6 2. c4 g6 3. Nc3 Bg7</div>

应转变为:

<script>
    new PgnViewer({ 
    boardName: "anything",  
    pgnString: '1. d4 Nf6 2. c4 g6 3. Nc3 Bg7'
    }  
);  
</script>

请注意,对于类“pgn”的所有div,都应该这样。 boardname应该是div的id。

感谢您的帮助和tipps!

1 个答案:

答案 0 :(得分:0)

这样好吗?

$('.png').each(function() {
    var text = $(this).text()
    var newObj = new PgnViewer({
        boardName: $(this).attr('id'),
        pngString: text
    })

    $('body').append('<script>' + JSON.stringify(newObj) + '</script>')
})