如何調用動態ID在jQuery選擇

Question

我產生無線電輸入一個自定義id這樣的：

foreach($paymentMethods['CustomPayment'] as $custompay) { 
    $html .= '<input type="radio" id="cnp_payment_method_selection_'.$custompay.'" name="cnp_payment_method_selection" class="cnp_payment_method_selection" style="margin: 0 0 0 0;" value="'.$custompay.'">&nbsp;<b>'.$custompay.'</b>&nbsp;&nbsp;&nbsp;'; 
} 

我現在用的是同一個ID下面的jQuery選擇，但是當它是動態的它不工作：

jQuery("#cnp_payment_method_selection_customay").click(function() { 
    jQuery("#cnp_CreditCard_div").hide();     
    jQuery("#cnp_eCheck_div").hide(); 
    jQuery("#cnp_Custompay_div").show(); 
}); 

如何在該選擇器中調用該動態ID？

在$ custompay我們會得到一些這樣的事定製，CUSTOM1，CUSTOM2基於該ID應cnp_payment_method_selection_customay，cnp_payment_method_selection_customay1，cnp_payment_method_selection_customay2

使用下面的代碼

foreach($paymentMethods['CustomPayment'] as $custompay) { 
       $html .='<script type="text/javascript"> 
         var simple = "cnp_payment_method_selection_'.$custompay.'"; 
         alert(simple); 

         </script>'; 

        //print_r($custompayment); 
       $html .= '<input type="radio" id="cnp_payment_method_selection_'.$custompay.'" name="cnp_payment_method_selection" class="cnp_payment_method_selection" style="margin: 0 0 0 0;" value="'.$custompay.'">&nbsp;<b>'.$custompay.'</b>&nbsp;&nbsp;&nbsp;'; 

       } 
       $html .= '</span>'; 

在哪裏我的var簡單是得到我想要的Id，但現在我想通過該變量的地方<input type="radio" id="cnp_payment_method_selection_'.$custompay.'" name="cnp_payment_method_selection" class="cnp_payment_method_selection" style="margin: 0 0 0 0;" value="'.$custompay.'">

可變我要打電話的地點ID的可變

Answer 1

您可以使用「開始於」選擇識別的元素：

$('input[id^=cnp_payment_method_selection_]') 

這將返回所有具有IDS開始元素cnp_payment_method_selection_。

https://api.jquery.com/attribute-starts-with-selector/

Answer 2

它們不一樣。

id="cnp_payment_method_selection_'.$custompay.'" 
jQuery("#cnp_payment_method_selection_customay").click(function(){ 

您可以通過數據參數獲取標識。

foreach($paymentMethods['CustomPayment'] as $custompay) { 
        $html .= '<input type="radio" data-id="'.$custompay.'" name="cnp_payment_method_selection" class="cnp_payment_method_selection" style="margin: 0 0 0 0;" value="'.$custompay.'">&nbsp;<b>'.$custompay.'</b>&nbsp;&nbsp;&nbsp;'; 
        } 

jQuery(".cnp_payment_method_selection_customay").click(function(){ 
     var id = $(this).data('id'); 
     }); 

Answer 3

您可以使用jQuery.add方法來創建一個動態選擇（您可以遍歷$ paymentMethods [「CustomPayment」]和元素添加到選擇器）

var selector = $();//an empty selector 
foreach($paymentMethods['CustomPayment'] as $custompay) { 
    selector.add('#cnp_payment_method_selection_'.$custompay);//add a $custompay to the selector 
} 

Answer 4

至於我能看到。 我想你試圖用不同的id生成一些inut類型，然後你會將這個動態輸入類型插入到你的任何頁面元素中。

所以，如果你正在生成動態元素並附加到DOM，那麼你不能給他們直接點擊事件，這是行不通的。 爲此，您需要通過父元素引用並需要使用.on。

如果您生成如下所示的元素。

foreach($paymentMethods['CustomPayment'] as $custompay) { 
    $html .= '<input type="radio" id="cnp_payment_method_selection_'.$custompay.'" name="cnp_payment_method_selection" class="cnp_payment_method_selection" style="margin: 0 0 0 0;" value="'.$custompay.'">&nbsp;<b>'.$custompay.'</b>&nbsp;&nbsp;&nbsp;'; 
} 

而讓你附加你的$ HTML來上課容器元素像下面

$(".container").html($html); 

然後你給輸入的點擊事件，你需要給使用。對和父母基準後（這裏是.container），如下所示。

$(".container").on('click','#cnp_payment_method_selection_customay', function() { 
// your stuff here 

});