jQuery 获取XXX标签的id/name以XXX开始/结尾的集合

关注

原创最新推荐文章于 2026-07-07 12:25:39 发布 2.7k 阅读 AI 写同款· GEO 优化 ›

获取jQuery元素的name属性值如果你想获取一个元素的name属性值，可以使用jQuery提供的方法进行操作。如果你想根据其他属性或元素类型来选择元素，可以使用不同的选择器。首先，确保已经在你的HTML文件中引入了jQuery库。通过以上代码，你可以在浏览器的开发者工具控制台中看到输入框的name属性值。方法更适用于获取元素的固有属性值，例如checked、disabled等。方法获取了该元素的name属性值，并将其存储在。在上面的代码中，我们使用了jQuery选择器。方法来获取元素的属性值。需要注意的是，上述代码中的选择器。阅读详情

    /**
     * 获取...标签的id/name以...开头的集合
     * @param tag       html标签
     * @param prefix    前缀
     * @param attr      id/name
     * @returns {jQuery|HTMLElement}
     */
    function getStartLabelArr(tag, prefix, attr) {
        if (attr === "id") {
            return $(tag + "[id^='" + prefix + "']");
        } else if (attr === "name") {
            return $(tag + "[name^='" + prefix + "']");
        } else {
            return null;
        }
    }

    /**
     * 获取...标签的id/name以...结尾的集合
     * @param tag       html标签
     * @param suffix    后缀
     * @param attr      id/name
     * @returns {jQuery|HTMLElement}
     */
    function getEndLabelArr(tag, suffix, attr) {
        if (attr === "id") {
            return $(tag + "[id$='" + suffix + "']");
        } else if (attr === "name") {
            return $(tag + "[name$='" + suffix + "']");
        } else {
            return null;
        }
    }

        //使用示例1，获取<tr>标签的id以trainParticipateTrainingUserList开始的array
        var trArr = getStartLabelArr("tr", "trainParticipateTrainingUserList", "id");
        console.log(trArr.length);

        //使用示例2，获取<select>标签的id以_user_id结尾的array
        var endLabelArr = getEndLabelArr("select", "_user_id", "id");
        console.log(endLabelArr.length);