如何使用jquery访问表td中的段落

Question

我在使用jquery访问表td中的段落时遇到问题。

我想要做的是隐藏段落 table td ，如果值为X，则

。

这是我的代码。正在选择该值，但隐藏不起作用。

var Privileges = jQuery('.woocommerce-checkout #customer_details 
   .woocommerce-billing-fields #billing_country');
    var select = this.value;
   Privileges.change(function () {
    if ($(this).val() == 'RO') {

     $( "#wc-local-pickup-plus-toggle-default-handling" ).show();
    }

   else $('#wc-local-pickup-plus-toggle-default-handling').hide();
});

这是被检查的元素图像。我不知道为什么它不起作用。

谢谢。

Answer 1

您的代码中的问题就在这里：

if ($(this).val() == 'RO')

尝试将此更改为

if ($(this).find(':selected').val() == 'RO')

总而言之，收听者被添加到选择框中，因此在收听者中，＆＃39;这个＆＃39;指的是select元素。哪个没有价值。

$（this）.find（＆＃39;：selected＆＃39;）找到任何具有＆＃34;选择＆＃34;的子元素属性，在我们知道的这个cas中将是一个选项，它应该有一个值。

Answer 2

$("table td").children().find('p').hide();

如果您动态添加了该元素，请使用以下内容：

Privileges.on('change', function(){  
   // your code here 
});