用js怎么实现在同一框内,点击不同按钮显示不同内容

2024-10-28 17:40:27
推荐回答(3个)
回答(1):

你有用jQuery吗。如果是可以用delegate代理点击事件。如果没有,自己写一个,其实就是点击事件的冒泡。


为你的每个要点击的按钮加上data-target属性(这是HTML5的data-*特性),假设这些按钮的共同父元素是
#button-wrap

那么就可以这样用代理
$('#button-wrap').delegate('button[data-target]', 'click', function() {
// 获取存储在按钮上的作为 jQuery 选择器的 target 值
var target = $(this).data('target');
// 在 HTML5 中也可以是 var target = this.dataset.target
// 根据target指定的选择器,显示该元素
$(target).show();
});

回答(2):

同楼上。类似于这样写:

我是内容



回答(3):

给不同的按钮绑定不同的事件就行了啊