不能隱藏使用jquery和樹枝的元素

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> 

腳本代碼sho w您的分區

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