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

天下皆白_唯我独黑

于 2018-10-23 13:32:56 发布

阅读量2.9k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： JS html

本文链接：https://blog.youkuaiyun.com/qq_24909089/article/details/83305427

JavaScript 专栏收录该内容

27 篇文章

订阅专栏

本文探讨了HTML文档中特定元素的结构与属性，通过jQuery实现了对这些元素的遍历和内容修改。示例展示了如何读取和更改带有特定类名的元素内容，并对不同长度的元素内容进行差异化处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

结果：