How to use jQuery to display labels and input values?

Question

I need a jQuery function that'll go through paragraphs with the following structure:

<p>
  <label>some label</label>
  <input type="text" value=""/>
</p>

The function should use the label text as input value.

Thanks!

Answer 1

$("p > label") To parse the structures, then you can use html() to get the value, but that returns the first node's value... What do you want to do with the label text?

Answer 2

$('p > label + input').val(function() { return $(this).prev().text(); });

Example: http://jsfiddle.net/D392c/

Answer 3

You can do it using .val() with a function, like this:

$("p input").val(function() { return $(this).prev().text(); });

Answer 4

$('p').each(function() {
    $(this).children('input').val($(this).children('label').text());
});

http://jsfiddle.net/Fveph/