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!
Add a comment
|
4 Answers
$('p > label + input').val(function() { return $(this).prev().text(); });
Example: http://jsfiddle.net/D392c/
1 Comment
Tomer Lichtash
Wow. Thanks. 3 more chars to go.
You can do it using .val() with a function, like this:
$("p input").val(function() { return $(this).prev().text(); });
Comments
$('p').each(function() {
$(this).children('input').val($(this).children('label').text());
});
Comments
$("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?
3 Comments
Tomer Lichtash
This is a login form. I want to keep the labels, but display them as input values.
Tomer Lichtash
I'm okay with pulling the labels; I'm having some difficulties with creating a proper loop...
Brian Mains
OK then using each to loop through the elements and access the first and last child respectively to take the values from one and set to the other, like in the other responses.