Question

我搜索了这个论坛，但我无法获得任何解决方案，我试图切换textarea可见性，但所有textareas正在切换。我是相当新的jquery但这里是我的代码

jQuery（document）.ready（function（）{ jQuery的（ “注意”。）隐藏（）。 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正在切换所有区域，因为您的选择器未定位到您想要专门切换的区域。据推测，你有其他textareas也在div里面与class“note”。如果这些div中的每一个都有一个独特的类（比如“note-1”，“note-2”等），那么你可以选择你想要切换的特定文本区域。

切换问题

2 个答案: