Select all items of union but not the last one!

Question

I have few texboxes, dropdown lists, etc.. They have their css classes. I want to select all elements of specific class(es) but NOT the last element from group of all classes.

<asp:TextBox ID="TextBox1" runat="server" CssClass="class1" ></asp:TextBox>
<asp:TextBox ID="TextBox2" runat="server" CssClass="class2" ></asp:TextBox>
<asp:TextBox ID="TextBox3" runat="server" CssClass="class2" ></asp:TextBox>

I want to select only TextBox1 and TextBox2, not TextBox3!

selector should be something like this

$("(.class1,.class1):not(:last)")

or something like

    $(".class1,.class1").filter(":not(:last)")

but of course none of it is working :)

any sugestions? tnx in advance!

Answer 1

Looks like your second selector is incorrect. You were on the right track, try this:

$(".class1, .class2").filter(":not(:last)");

Answer 2

$(".class1,.class2").slice(0,-1)

Slice ftw! :) I think it's faster, it just clips the last one, no filtering involved!