legend2---jquery重新渲染某元素

一、總結

一句話總結：

append() 方法在被選元素的結尾（仍然在內部）插入指定內容。

【$(this).append(text);】//修改好的文字作為文本節點加進去，也就是普通文字

 

 

二、jquery重新渲染某元素

博客對應課程的視頻位置：

 

 

 

 

<!--
做題頁的 每個題目對應的答案重點標紅（標顏色）
-->
<script>

    //隨機生成顏色：十六進制顏色隨機，不能是白色
    function random_color16(){
        let r = Math.floor(Math.random()*256);
        let g = Math.floor(Math.random()*256);
        let b = Math.floor(Math.random()*256);
        let color1 = '#'+r.toString(16)+g.toString(16)+b.toString(16);
        if(color1=='#ffffff') color1='#ff0000';
        return color1;
    }
    $(function () {
        $('div#question_list label.question_option span.option_text').each(function () {
            //1、找到text
            let text=$(this).text();
            //2、直接把【替換成<span style="color:#ff0000">
            let regExp_left = /【/mgs;
            let span_left='<span style="color:'+random_color16()+'">【';
            console.log(span_left);
            text=text.replaceAll(regExp_left,span_left);
            //3、將】替換為<span>
            let regExp_right = /】/mgs;
            text=text.replaceAll(regExp_right,'】</span>');
            //4、替換原來的text
            $(this).text("");//清除原來的文字
            $(this).append(text);//修改好的文字作為文本節點加進去
            //$(this).text(text);//直接這樣加上去，樣式不顯示，所以可以弄成節點加進去
            //console.log(text);
        });
    });
</script>