How to put Html snippet on all child elements except the last one?

Question

I have a dynamically generated table, and I want to put a input within each td. I can get the id of the tr, then I do:

$("#id").children().html("<input type='text' value='" + valor + "' />");

So he puts a input within each td that tr, but I don’t want him to put the input last td, how can I do this?

Answer 1

Use the operator .not() combined with the selector :last-Child

$("#id").children().not(":last-child").html("<input type='text' value='" + valor + "' />");

Answer 2

You can use as Pedro suggested, you can still use .not(":last"):

jsFiddle: http://jsfiddle.net/9pzyfuro/1/

---

I tend to gather .slice(0, -1) to the selector to remove the last element from that selection:

$("#id").children().slice(0, -1).html("<input type='text' value='" + valor + "' />");

jsFiddle: http://jsfiddle.net/9pzyfuro/

Answer 3

The Children function can receive a selector as parameter, and in this selector you can directly use :not as well as :last.

$("#id").children(":not(:last)").html("<input type='text' value='" + valor + "' />");

Example: http://codepen.io/silviolucenajunior/pen/ZQyNjx