切换问题

Question

我已经搜索过这个论坛，但我无法找到任何可行的解决方案，我试图切换文本区域的可见性，但所有文本区域都被立即切换。我对 jquery 相当陌生，但这是我

jQuery(document).ready(function() { jQuery(".note").hide(); jQuery(".note_button").click(function() { jQuery(".note").fadeToggle("slow", "linear"); }); });

使用此 html 的代码：

<table>

    <tbody>

        <tr>
            <td colspan='2' class='product-name'>
            </td>
                <td>

             </td>
    <td></td>
       <td class="cart-widget-remove">   

             </td>


      </td>
        </tr>
        <tr>
        <td colspan="6">
            <form id="desc" action="" method="post" class="adjustform">
             <div class="note">
                <textarea name="" onfocus="this.value='';">Your optional note to the kitchen</textarea>
                <input class="" type="button" value="Apply changes" />
                <input class="" type="button" value="Cancel" />

             </div>
            </form> 

Answer 1

如果此模式在您的页面上多次出现

<form id="desc" action="" method="post" class="adjustform">
  <div class="note">
    <textarea name="" onfocus="this.value='';">Your optional note to the kitchen</textarea>
    <input class="" type="button" value="Apply changes" />
    <input class="" type="button" value="Cancel" />
 </div>
</form> 

，那么您的选择器 jQuery('.note') 将选择所有 .note div。您需要为它们提供唯一的 ID 来选择单个 div 进行隐藏/显示或使用表单上已有的 ID。

jQuery('#desc .note').fadeToggle(...);

Answer 2

看起来我们只有部分代码，但我会尝试一下...

jQuery 正在切换所有区域，因为您的选择器没有针对您想要专门切换的区域。假设您还有其他文本区域，这些文本区域也在带有“note”类的 div 内。如果这些 div 中的每一个都有一个唯一的类（例如“note-1”、“note-2”等），那么您可以选择要切换的特定文本区域。