社区所有版块导航
Python
python开源   Django   Python   DjangoApp   pycharm  
DATA
docker   Elasticsearch  
aigc
aigc   chatgpt  
WEB开发
linux   MongoDB   Redis   DATABASE   NGINX   其他Web框架   web工具   zookeeper   tornado   NoSql   Bootstrap   js   peewee   Git   bottle   IE   MQ   Jquery  
机器学习
机器学习算法  
Python88.com
反馈   公告   社区推广  
产品
短视频  
印度
印度  
私信  •  关注

Cesar Bielich

Cesar Bielich 最近回复了
6 年前
回复了 Cesar Bielich 创建的主题 » 如何使用Jquery隐藏/显示表中列出的按钮之一?

ID不应该在页面上重复,它们应该始终是唯一的。如果需要重复引用/元素,则将其用作类。

所以当有人点击一个有类的按钮(或任何东西)时,你可以将其引用为 $(this)

例子:

<td> <-- this is .parent()
    <input type="submit" name="test1" class="test1" value="TEST1" /> <-- This is $(this) when clicked
    <input style="display: none;" type="submit" name="test2" class="test2" value="TEST2" /> <-- this is .find('.test2')
</td>

$(document).on('click','.test1', function() {
    $(this).parent().find('.test2').show(); <-- or hide()
})

不需要 <br> 在第一个和第二个按钮之间,因为第二个按钮已经隐藏。

把它分解

$(本) = <input type="submit" name="test1" class="test1" value="TEST1" />

.parent() =您的第一个 <td> 在上面

.find('.test2') = <input style="display: none;" type="submit" name="test2" class="test2" value="TEST2" />

.show() or .hide() =显示或隐藏元素

有道理?