一键重置表格所有样式和内容

遇到了这样的问题，弄了一个表格，内部格式大致如下

 <form>
<table id=“tB”>
    <tr id=“tR”>
            <td>
                    <input id=“no”class=“no”>
            </td>
            <td id="com1">*****
            </td>
    </tr>

    <tr>
            <td>
                    <input id=“name”class=“name”>
            </td>
            <td id="com2">*****
            </td>
    </tr>
</table>
<input type="reset" value="重置">
</form>

，问题就是，我的input通过class属性设置了css样式，现在要一键重置，把input的样式清除了，也把第二个《td》的“*****”这个内容也清除，怎么做？
我能想到的是获取input的标签的className = “”，这样能清除input的样式，但是要把td的内容给清空，就必须用innerHtml，假如我的表单还有很多行，我就想一次性获取行中的第二个td把*****清空，不单独一个一个获取id清除，怎么做？

 function reSet() {
                        ////这里我不想这样，想一次性获取比如循环获取document.getElementById("com"+x).inerHTML=“”；这样，但是失败了，getElementById方法不能识别var x
            document.getElementById("com1").innerHTML = "";
            document.getElementById("com2").innerHTML = "";

            var a = document.getElementsByTagName("input");//这里是清空input样式
            for (var x = 0; x < a.length; x++) {
                document.getElementsByTagName("input")[x].className = "";
            }
        }

function reSet() {
var trEle = document.getElementById('tB').children[0].children;
var ipts,
tdEles;
for (var i = 0; i< trEle.length; i++) {
ipts = trEle[i].children[0].children; // 获取页面所有文本框
tdEles = trEle[i].children[1];
ipts[0].className = ''; // 清除类名
tdEles.innerHTML = ''; // 清空内容
}
}

 jquery
$("table的id input").each(function() { this.value = ""; this.style=""; });