HTMLでテーブルの各行に対してラベルを隠蔽させ、そのラベルの値が0の場合のみ対象行の値を取得してリストに格納するというものを作りたいのですが、どのようにすればいいでしょうか。
各行の値をリストに追加するというところまで出来ています。
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script> <script type="text/javascript"> $(function () { $("#testButton").click(function () { var memberList = []; var memberObj = { size1: null, size2: null, size3: null, size4: null, name: null,</head> <body> <style type="text/css"> .table1 th { background-color: #cccccc; } .table1 td { width: 10px; } .table1 { width: 100px; border-collapse: collapse; } </style> <table class="table1" border=1> <thead> <tr> <th>1</th> <th>2</th> <th>3</th> <th>4</th>}; var tr = $("table tr"); for (var i = 0, len = tr.length; i < len; i++) { var row = tr.eq(i).children(); if (row.is("th")) { continue; } var rowObj = Object.create(memberObj); for (var j = 0, m = row.length; j < m; j++) { var tds = row.eq(j).children(); if ("1" == $(tds).attr("name")) { rowObj.size1 = $(tds).val(); } else if ("2" == $(tds).attr("name")) { rowObj.size2 = $(tds).val(); } else if ("3" == $(tds).attr("name")) { rowObj.size3 = $(tds).val(); } else if ("4" == $(tds).attr("name")) { rowObj.size4 = $(tds).val(); } } memberList.push(rowObj); } console.log(memberList); }); }); </script>
</body> </html></tr> </thead> <tbody> <tr> <td><input type="text" name="1" size="10" maxlength="20"></td> <td><input type="text" name="2" size="10" maxlength="20"></td> <td><input type="text" name="3" size="10" maxlength="20"></td> <td><input type="text" name="4" size="10" maxlength="20"></td> </tr> <tr> <td><input type="text" name="1" size="10" maxlength="20"></td> <td><input type="text" name="2" size="10" maxlength="20"></td> <td><input type="text" name="3" size="10" maxlength="20"></td> <td><input type="text" name="4" size="10" maxlength="20"></td> </tr> <tr> <td><input type="text" name="1" size="10" maxlength="20"></td> <td><input type="text" name="2" size="10" maxlength="20"></td> <td><input type="text" name="3" size="10" maxlength="20"></td> <td><input type="text" name="4" size="10" maxlength="20"></td> </tr> <tr> <td><input type="text" name="1" size="10" maxlength="20"></td> <td><input type="text" name="2" size="10" maxlength="20"></td> <td><input type="text" name="3" size="10" maxlength="20"></td> <td><input type="text" name="4" size="10" maxlength="20"></td> </tr> </tbody> </table> <button type="button" name="aaa" id="testButton" value="aaa"></button>
回答1件
あなたの回答
tips
プレビュー