用jquery怎么遍历一个table的每一个cell的内容

不用遍历也可以直接提交数据，用serialize(),serializearray();
http://hemin.cn/jq/serialize.html
但每个表单必须得有name。
代码演示：<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.10.2/jquery-1.10.2.min.js"></script>
</head>
<body>
<form>
    <input type="text" name="username" id=""/>
    <input type="text" name="pwd" id=""/>
    <select name="sel" id="">
        <option value="1">中国</option>
        <option value="2">韩国</option>
    </select>
    <button id="btn">test</button>
</form>
<script>
    $('#btn').click(function(){
        console.log($('form').serialize());
        return false;
    })</script>
</body>
</html>

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

不用遍历也可以直接提交数据，用serialize(),serializearray();
http://hemin.cn/jq/serialize.html
但每个表单必须得有name。
代码演示：<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.10.2/jquery-1.10.2.min.js"></script>
</head>
<body>
<form>
    <input type="text" name="username" id=""/>
    <input type="text" name="pwd" id=""/>
    <select name="sel" id="">
        <option value="1">中国</option>
        <option value="2">韩国</option>
    </select>
    <button id="btn">test</button>
</form>
<script>
    $('#btn').click(function(){
        console.log($('form').serialize());
        return false;
    })</script>
</body>
</html>
不用遍历也可以直接提交数据，用serialize(),serializearray();
http://hemin.cn/jq/serialize.html
但每个表单必须得有name。
代码演示：<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.10.2/jquery-1.10.2.min.js"></script>
</head>
<body>
<form>
    <input type="text" name="username" id=""/>
    <input type="text" name="pwd" id=""/>
    <select name="sel" id="">
        <option value="1">中国</option>
        <option value="2">韩国</option>
    </select>
    <button id="btn">test</button>
</form>
<script>
    $('#btn').click(function(){
        console.log($('form').serialize());
        return false;
    })</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>test</title>
    <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.js"></script>
</head>
<body>
<table class="tab" border="1" width="500">
    <tr>
        <td>id</td>
        <td><input type="text" name="username" id=""/></td>
        <td>
            <select name="country" id="">
                <option value="1">中国人</option>
            </select>
        </td>
        <td>
            <button class="btn">编辑</button>
        </td>
    </tr>
    <tr>
        <td>id</td>
        <td><input type="text" name="username" id=""/></td>
        <td>
            <select name="country" id="">
                <option value="2">china</option>
            </select>
        </td>
        <td>
            <button class="btn">编辑</button>
        </td>
    </tr>
    <tr>
        <td>id</td>
        <td><input type="text" name="username" id=""/></td>
        <td>
            <select name="country" id="">
                <option value="3">shanghai</option>
            </select>
        </td>
        <td>
            <button class="btn">编辑</button>
        </td>
    </tr>
</table>
<script>
    $('.btn').click(function(){
        var res = [];
        $(this).closest('tr').find("input,select").each(function(){
            var v = $.trim(this.value);
            if(v.length > 0){
                res.push({ key: this.name, value : v });
            }
        });
        console.log(res);
//        edit(res);
    });    function edit(d){
        $.ajax({
            url : 'url',
            data : d,
            success : function(){            }
        });
    }</script>
</body>
</html>