title: Observing events for elements with a certain class or that element's children using event delegation
body: <p>I have a page with elements similar to this:</p>
  
  <pre><code>&lt;div id='things'&gt;
      &lt;div class='thing'&gt;
          &lt;div class='activator'&gt;
              &lt;span&gt;Some text&lt;/span&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The code is similar to this:</p>
  
  <pre><code>$('things').observe(click, function(event) {
      var e = event.element();
      if (e.match('.activator')) {
          doSomeStuffWith(e);
      } else if (e.match('.activator *')) {
          doSomeStuffWith(e.up('.activator');
      }
  });
  </code></pre>
  
  <p>So if I click the .activator or any of its child elements I want to call a function on the .activator, I'm just wondering if there isn't some way of combining the two if-clauses. Something like if (e.match('.class, .class *') { doStuff(e.upOrSelf('activator')); }</p>
  
  <p>I guess I could extend the Element with an upOrSelf method. But I would prefer not to do any non-standard customizations if possible.</p>