更改属性

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>