javascript - 如何获取调用该函数的html元素的ID？(jQuery/Javascript)

Question

我正在创建的网页可以有多个 div 元素，每个元素的 id 'product-info-div' 都附加一个数字。示例 - product-info-div1、product-info-div2、product-info-div3 等。这些 div 中的每一个都有一个分别称为 TagSelector1、TagSelector2 的元素。

此类 div 元素的确切数量是在运行时决定的。

我正在编写一个函数，只要在页面中创建这样的 div 就会调用该函数。现在它看起来像这样 -

$("#product-info-div*").ready(
        function () {
            $("#TagSelector1").chosen();
            $("#TagSelector2").chosen();
            $("#TagSelector3").chosen();
            $("#TagSelector4").chosen();
            $("#TagSelector5").chosen();
        }
    );

我想要做的是从调用此函数的 div 中获取数字，以便可以删除硬编码。像这样的东西-

$("#product-info-div*").ready(
        function () {
            var product_number = get_number_from(product-info-div*);
            $("#TagSelector"+product_number).chosen();
        }
    );

有人可以帮忙吗？

Answer 1

您的代码是您应该使用类选择器的完美示例。无需使用 id 选择器。

$(  
    function () {
        $(".aCommonClassOnAllElementsIWantToFind").chosen();
    }
);