1. 程式人生 > >JS 獲取多個相同class的html內容

JS 獲取多個相同class的html內容

<div>
        <p class="molecule">30</p>
        <p class="Denominator">7.5%</p>
        <p class="molecule">500</p>
        <p class="Denominator">7.5%</p>
        <p class="molecule">1000</p>
        <p class="Denominator">7.5%</p>
        <p class="molecule">1100</p>
        <p class="Denominator">7.5%</p>
    </div>
<script>
    var result='';

    $(".molecule").each(function(){

        result=result+ $(this).html()+',';

        var chang = $(this).html();

        //對內容的一些操作
        if(chang.length <=2){

            //比如字元不大於2的就替換成嘟嘟
            $(this).html('嘟嘟');

            console.log('2個字元內:'+chang);
        }else{
            console.log('大於2個字元:'+chang);
        }

    });

    console.log(result);

</script>

length 屬性可返回字串中的字元數目。

結果: