从同级DOM元素之间发出事件

Question

在下面的代码中，child元素能够发出一个气泡，直到parent元素为止：

<div id="parent">
  <div id="child"></div>
</div>

<script>

    var parent = document.getElementById('parent');
    var child = document.getElementById('child');

    parent.addEventListener("bing", function(event) {
      console.log(event.detail.message);
    });

    var bing = new CustomEvent("bing", { 
      bubbles: true,
      detail: {
        message: 'Hello, parent'
      }
    });

    child.dispatchEvent(bing);
</script>

请注意，child嵌套在parent中，因此bubbles: true选项使父级可以接收发出的bing事件。但是，如果我们有两个想要互相发送事件的同级元素怎么办？