Skip to content

Instantly share code, notes, and snippets.

@danvega

danvega/gist:4980491

Created February 18, 2013 20:38
Show Gist options
  • Save danvega/4980491 to your computer and use it in GitHub Desktop.
Save danvega/4980491 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1
<!DOCTYPE HTML>
<html>
<head>
<title>Building a data object from rows</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$(function(){
var rows = $(".row");
var data = [];
for( var i=0; i<rows.length; ++i) {
var row = $(rows[i]);
var inputs = row.find("input");
data[i] = {
id : row.attr("data-id"),
foo : row.attr("data-foo"),
firstName : row.find('input[name="firstName"]').val(),
lastName : row.find('input[name="lastName"]').val(),
property : row.find('textarea[name="property"]').val()
}
}
console.log(data);
});
</script>
</head>
<body>
<table>
<tbody>
<tr class="row" data-id="1" data-foo="foo">
<td>
<input name="firstName" value="Joe"/>
<input name="lastName" value="Smith"/>
<textarea id="1234" name="property" class="requiredFormField"><p>SOME HTML</p></textarea>
</td>
</tr>
<tr class="row" data-id="2">
<td>
<input name="firstName" value="Jane"/>
<input name="lastName" value="Smith"/>
<textarea id="5678" name="property" class="requiredFormField"><p>SOME HTML</p></textarea>
</td>
</tr>
<tr class="row" data-id="3">
<td>
<input name="firstName" value="Rob"/>
<input name="lastName" value="Smith"/>
<textarea id="0000" name="property" class="requiredFormField"><p>SOME HTML</p></textarea>
</td>
</tr>
</tbody>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment