如何獲取正在調用該函數的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();
    }
);