Question

我试图隐藏一个名为request-form-display的元素，这取决于我是使用减号按钮还是加号按钮。我使用不同的方式谷歌搜索，但我得到相同的结果。我在谈论这样的事情：

   if($('.plus{{i}}').data('clicked')) {
        $('#request-form-display{{i}}').show();
    };
    if($('.minus{{i}}').data('clicked')){
        $('#request-form-display{{i}}').hide();
    }
    <i class="glyphicon glyphicon-plus plus{{i}}"></i>
    <i class="glyphicon glyphicon-minus minus{{i}}" style="display: none"></i>

完整的代码上下文：

{% set i=1 %}
{% for product in products %} 
    <tr>
        <td>{{product.code}}</td>
        <td>{{product.name}}</td>
        <td>{{product.typeString}}</td>
        <td>{{product.node?product.node.name}}</td>
        <td id="pp" class="text-right"  >
            {% if request is defined %}
                <a title="Create request" 
                   class="btn btn-sm btn-default"
                   onclick="javascript:loadModal($('#request-form-display{{i}}') ,'{{path('userBuyerProductRequestQuickCreate', {productId: product.id, bidId:bidId})}}');window.location='#productsSearchTable';$('.plus{{i}}').hide();$('.minus{{i}}').show();$('#request-form-display{{i}}').show();if($('.plus{{i}}').data('clicked')) {
                   $('#request-form-display{{i}}').show();
                   };
                   if($('.minus{{i}}').data('clicked')){
                   $('#request-form-display{{i}}').hide();
                   }">
                   <i class="glyphicon glyphicon-plus plus{{i}}"></i>
                   <i class="glyphicon glyphicon-minus minus{{i}}" style="display: none"></i>
                </a>
                {% endif %}
            {% endif %}
        </td>
        <tr>
            <td colspan="4">
                <div class="table">
                    <div id="request-form-display{{i}}" style="display:none"></div>
                    {% set i=i+1 %}
                </div>
            </td>
        </tr>
    </tr>
{% endfor %}

Answer 1

也许这个例子可以帮助您解决问题

<a href="javascript:void(0);" onclick="showDiv('{{ person.name }}');">{{ person.name }}</a>

隐藏的div

<div id="{{ person.name }}" hidden  class="hidden-div">
information for that person
<div>

脚本代码显示你的div

function showDiv(name) {
$("#"+name).show();
}

无法使用jquery和twig隐藏元素

1 个答案: