Js jq 对html id class名模糊查询获取

最新推荐文章于 2025-02-08 09:29:46 发布

转载最新推荐文章于 2025-02-08 09:29:46 发布 · 1.7k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：https://www.cnblogs.com/hoojjack/p/7256236.html

标签

#js 模糊查询

收录于

JavaScript 专栏收录该内容

27 篇文章

订阅专栏

本文介绍了一个使用jQuery选择器的具体案例，展示了如何通过ID前缀和后缀来选取元素并读取其内容。通过实例代码，读者可以了解到jQuery选择器的强大功能，包括从头部或尾部匹配关键字。

规则：

$('div[id^="abc-"]')

$('标签名[id匹配类型="关键字"]')

查询类型：^ 从头部匹配，$ 从尾部匹配，* 匹配名称中包含此关键字的

html js部分

<body>
    <!--<input type="file" name="file" />-->
    <!--<input type="submit" value="上传文件" />-->

    <div id ="abc-bb123-ff">
        <div>你真坏啊啊</div>
    </div>

    <div id ="abc-123-ffs">
        <div>你好啊</div>
    </div>

</body>
<script src="./jquery.js"></script>
<script>
    $(function () {

        var html= $('div[id^="abc-"]').html();
        console.log(html);

        var html2= $('div[id$="ffs"]').html();
        console.log(html2);

    })
</script>