更改屬性

Question

我有一個ID爲#pa_buy-sell[]的選擇/下拉菜單。我想要做的是，如果值爲「購買」我想從類別wpuf__regular_price_657的輸入字段中將屬性data-required="yes"更改爲data-required="no"。我也想隱藏類required的跨度。代碼必須在WordPress中工作。

我很新，所以我不確定什麼是正確的代碼。但我認爲像這樣可能是一個很好的起點：

$('#pa_buy-sell[]').change(function(){ 
    if($(this).val() == 'buy'){ 
     //something need to happen here 
    } 
}); 

有人可以幫助我嗎？

Answer 1

你的代碼直到現在都是正確的。您必須將註釋替換爲以下幾行：

$('.wpuf__regular_price_657').data('required','no'); 
$('span.required').hide(); 

Answer 2

將屬性更改爲yes或no。您可以使用此：

$(".wpuf__regular_price_657").attr("data-required","no"); 

，或者你可以用真假禁用，如果你不想把輸入作爲

$(".wpuf__regular_price_657").attr("disabled", true); 

和隱藏特定區間：

$("span.required").hide(); 

這將在wordpress中正常工作

希望它對你有所幫助

Answer 3

我已經添加了這個代碼

<script> 
var $ = jQuery.noConflict(); 
$('.pa_buy-sell.wpuf_pa_buy-sell_657').change(function(){ 
    if($(this).val() == 'buy'){ 
     $(".wpuf__regular_price_657").attr("data-required","no"); 
    } 
}); 
</script> 

但它不改變。是否區分大小寫，或者是否有別的原因，爲什麼這不起作用？

Answer 4

請檢查確認強類型檢查（類型和值）比較的「===」，並參考代碼隱藏所需的類的div。

<script> 
    var $ = jQuery.noConflict(); 
    $('.pa_buy-sell.wpuf_pa_buy-sell_657').change(function(){ 
     if($(this).val() === "buy"){ 
      $(".wpuf__regular_price_657").attr("data-required","no"); 
      $("span.required").hide(); 
     } 
    }); 
    </script>