js怎么实现点击不同的按钮,示不同的内容

发布网友发布时间：2022-05-06 11:45

共1个回答

热心网友时间：2022-04-22 14:56

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

<button type="button" data-target="#div1">显示id为div1的元素里的内容</button>
<button type="button" data-target="#div2">显示id为div2的元素里的内容</button>

为你的每个要点击的按钮加上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();
});

追问我按照你的方法运行不出来，你能写一个文件发给我吗？谢了！
P.S. 刚试了好多次，发现好像是jquery版本不支持delegate [data-target]这类元素的样子。。