Question

javascript 一个按钮控制一个区域，有多个按钮和区域，每个按钮的id相同，每个区域id也相同，怎么分别控

就是一个按钮控制一个区域，有多个按钮和区域，每个按钮的id相同，每个区域id也相同，怎么分别控制。

Answer 1

可以为其设定不同的属性值，如class等 用以区分不同的区域，如果想方便一点的话可以直接通过节点来操作，如：

// index.htm  单击按钮时只控制按钮所在的DIV下面的DIV
<div>
    <button onclick='func(this)'>Click</button>
    <div>Control Me</div>
</div>

<div>
    <button onclick='func(this)'>Click</button>
    <div>Control Me</div>
</div>

// Javascript
function func (ele) {
    let divObject = ele.nextSibling.nextSibling; // 获取需要操作的DIV
    divObject.style.color = 'red'; 
}

Answer 2

用jQuery吧，还有何为id？既然是id就应该在一个页面时唯一的。
方案：每个按钮用相同的class，然后用$(".className").click(function(){
//处理事件代码
});为每个按钮添加事件处理。

Answer 3

多个相同的id，也就是说不好用id来区分咯

不过有方法querySelectorAll('#id')查找所以id相同的组件，一个集合，然后你知道页面从上到下，从左到右，你就知道哪个是哪个了

Answer 4

• querySelectorAll('#id')查找所以id相同的组件，一个集合，

• 然后你知道页面从上到下，从左到右，你就知道哪个是哪个了