如何获取正在调用该函数的html元素的ID？ （jQuery / Javascript）

Question

我正在创建的网页上可以有多个div元素，每个元素的ID均为“ product-info-div”，并​​附加一个数字。 示例-product-info-div1，product-info-div2，product-info-div3等。这些div中的每个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();
    }
);