javascript - 获取和评估元素内的每个字符以进行大括号匹配

Question

<div id = "board>
    <div>{abc</div>
    <div>def</div>
    <div>ghi}</div>
</div>

我想比较 div 中的每个字符在它们的位置，并在找到{或}时做一些事情

我知道这可以通过将每个字符包装在<span></span>

有没有办法在不使用跨度的情况下做到这一点？我将使用它来匹配我的代码编辑器项目。这是我使用跨度包装所做的，但它太慢了..

$exceedingInlineDiv = $('#board_code_dup > div').eq(x);
if( $exceedingInlineDiv.text() == ''){
    var chars = '<span> <br> </span>';
    $exceedingInlineDiv.html(chars);
}

else{
    var chars = jQuery.map($exceedingInlineDiv.text().split(''), function(c) {
        return '<span>' + c + '</span>';
    });
    $exceedingInlineDiv.html(chars.join(''));
}//else

Answer 1

我不确定你想做什么，但也许你想要这样的东西：

var board = document.getElementById("board"),
    divs = board.getElementsByTagName("div"),
    texts = [], i = 0;

for (; i < divs.length; i++)
    texts.push(divs[i].innerHTML);

// texts => ["{abc", "def", "ghi}"]