如何在JQuery中通过隐藏字段隐藏和显示文本[重复]答案

【问题标题】：如何在JQuery中通过隐藏字段隐藏和显示文本[重复]
【发布时间】：2022-01-23 11:27:03
【问题描述】：

您好，我想隐藏并显示文本 Cod Shipping fee

 `<div class="row">
                    <div class="cell" id="well">Cod Shipping charge</div>
                    <div class="cell free"><?php echo $priceCurrency->getCurrency()->getCurrencySymbol();?> <span class="text-shipping-charge"><?php echo number_format($shippingrate,2,'.',''); ?></span></div>
                </div>`

点击下方代码支付时

<div class="payment-option">
                        <div class="head" >Part Payment (COD + Online)</div>
                        <div class="content">
                            <div class="cod-block">
                                <div class="cash-option">
                                    <div class="pay-option">
                                        <div class="option-info">20% Online (Now)</div>
                                        <div class="option-cash">â‚¹ 12,650</div>
                                    </div>
                                    <div class="pay-option">
                                        <div class="option-info">80% Cash On Delivery</div>
                                        <div class="option-cash">â‚¹ 50,000</div>
                                    </div>
                                </div>

请帮忙

【问题讨论】：

本题无需加php标签
欢迎来到 Stack Overflow！访问help center，使用tour 了解内容和How to Ask。请首先>>>Search for related topics on SO，如果您遇到困难，请发布您的尝试的minimal reproducible example，并使用[<>] 记录输入和预期输出sn-p 编辑器。

标签： javascript html jquery

【解决方案1】：

你提到了 JQuery，所以使用它可能是这样的：

$('.payment-option').click(function(){
    $('.row').show();
});

虽然类 .row 听起来不是很独特，但您可能希望为该元素分配一个唯一的 ID，例如

<div id="cod_shipping_charge" class="row">

那么你可以使用：

$('#cod_shipping_charge').show();

【讨论】：

数以百万计的骗子的糟糕问题

【解决方案2】：

$(document).ready(function() {
  $("#btnNewGroup").click(function() {
    $("#newGroup").toggle();
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<div>
  <button id="btnNewGroup">New Group</button>
  <div id="newGroup" style="display:none">Div Content</div>
</div>

【讨论】：

写一些解释总是好的。当您使用他们的 HTML 时，它对提问者也很有用