jQuery：hasClass() 方法检查被选元素是否包含指定的 class;after()在某元素之后插入新元素

来源：互联网发布：c语言图形编程技术编辑：程序博客网时间：2024/06/04 06:47

Html代码1：

<div class="PL20"id="credit_provider_list" style="display: ">
<input type="radio" name="credit_checkout_provider" id="credit_checkout_provider_checkout_authorizenet" value="checkout_authorizenet" onclick="checkout_provider_changed(this)" class="PAYMENT_PROVIDER_ONLINE ProviderHasPaymentForm" style="display:">
<label for="credit_checkout_provider_checkout_authorizenet" class="ProviderNamecheckout_authorizenet" style="display:">Credit Cards ( Visa or Mastercard, Powered by Authorize.net )</label>
<br>
<input type="radio" name="credit_checkout_provider" id="credit_checkout_provider_checkout_moneyorder" value="checkout_moneyorder" onclick="checkout_provider_changed(this)" class="PAYMENT_PROVIDER_OFFLINE " style="display:">
<label for="credit_checkout_provider_checkout_moneyorder" class="ProviderNamecheckout_moneyorder" style="display:">Save 5% by using Bank Transfer ( Wire Transfer ) to complete your payment</label>
<br>
<input type="radio" name="credit_checkout_provider" id="credit_checkout_provider_checkout_paypalexpress" value="checkout_paypalexpress" onclick="checkout_provider_changed(this)" class="PAYMENT_PROVIDER_ONLINE " style="display:">
<label for="credit_checkout_provider_checkout_paypalexpress" class="ProviderNamecheckout_paypalexpress" style="display:">PayPal</label>
<br>
</div>

Html代码2：

<div class="PL20"id="provider_list" style="display:">
<input type="radio" name="checkout_provider" id="checkout_provider_checkout_authorizenet" value="checkout_authorizenet" onClick="checkout_provider_changed(this)"class="PAYMENT_PROVIDER_ONLINE ProviderHasPaymentForm" style="display:">
<label for="checkout_provider_checkout_authorizenet"class="ProviderNamecheckout_authorizenet" style="display:">Credit Cards ( Visa or Mastercard, Powered by Authorize.net )</label>
<br>
<input type="radio" name="checkout_provider" id="checkout_provider_checkout_moneyorder" value="checkout_moneyorder" onClick="checkout_provider_changed(this)"class="PAYMENT_PROVIDER_OFFLINE " style="display:">
<label for="checkout_provider_checkout_moneyorder" class="ProviderNamecheckout_moneyorder" style="display:">Save 5% by using Bank Transfer ( Wire Transfer ) to complete your payment</label>
<br>
<input type="radio" name="checkout_provider" id="checkout_provider_checkout_paypalexpress" value="checkout_paypalexpress" onClick="checkout_provider_changed(this)"class="PAYMENT_PROVIDER_ONLINE " style="display:">
<label for="checkout_provider_checkout_paypalexpress"class="ProviderNamecheckout_paypalexpress" style="display:">PayPal</label>
<br>

<div id="de_Message_1000" style="display:none;color:red;margin:10px;">(Your bank might charge you about US$25 flat rate fee for Wire Transfer. ) </div>

</div>

$('#provider_listinput[type=radio], #credit_provider_list input[type=radio]').click(function() {

//检查#provider_list的radio是否包含指定的样式名: ProviderHasPaymentForm

  if(!$(this).hasClass('ProviderHasPaymentForm')) {
  ExpressCheckout.HidePaymentForm();
  }else {
  $('#CheckoutStepPaymentDetails').show();

}

if($('input:radio[name="checkout_provider"]:checked').val()=="checkout_moneyorder"){

// 以 HTML 创建新元素
var txt1="<div id='moneyorder1000'>(Your bank might charge you about US$25 flat rate fee for Wire Transfer. ) </div>";

// 在Label样式名为：ProviderNamecheckout_moneyorder之后插入新元素
$('.ProviderNamecheckout_moneyorder').after(txt1);
}

  });

  </script>

0 0