私信  •  关注

Cesar Bielich

Cesar Bielich 最近回复了
5 年前
回复了 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() =显示或隐藏元素

有道理?