JS 获取多个相同class的html内容

版权声明：本文为博主原创文章，未经博主允许不得转载 https://blog.csdn.net/qq_24909089/article/details/83305427

<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 属性可返回字符串中的字符数目。

结果：