Jquery: is there a and selector?
<p>I have this jQuery code where I have a click event on a <code>&lt;tr&gt;</code>. This event should not trigger when I click on a specific <code>&lt;td&gt;</code>. The code that I have now does this just great, but now I want to add one more condition where the event on the <code>&lt;tr&gt;</code> should not trigger when it's clicked.</p>

<p>I want to add a <code>&lt;span&gt;&lt;/span&gt;</code> which, if clicked, does trigger the event on the <code>&lt;tr&gt;</code>.</p>

<p>Here is my code:</p>

<pre><code>// Change background color on rows in new candidates list
$(".newCandidatesTableTr td:not(#testTD) span:not(#candidateID)").click(function() {
    $(this).parent().siblings().removeClass("diffColor");
    $(this).parent().toggleClass("diffColor", this.clicked);
});
</code></pre>

<p>This doesn't work:</p>

<pre><code>span:not(#candidateID)
</code></pre>

<p>How should I do this?</p>
