问个jquery的有关问题

问个jquery的问题
html页面部门如下：

<tr>
                    <td class="inputPre">
                        联系人
                    </td>
                    <td class="inputTD">
                        <table class="tab-noborder">
                            <tr>
                                <td>
                                    <asp:TextBox ID="txtLinkMan" runat="server" Width="99%" CssClass="input"></asp:TextBox>
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td style="text-align: left;" id="tdLinkMan">
                    </td>
                </tr>
                <tr>
                    <td class="inputPre">
                        固定电话 
 
                    </td>
                    <td class="inputTD">
                        <table class="tab-noborder">
                            <tr>
                                <td>
                                    <asp:TextBox ID="txtTel" runat="server" Width="99%" CssClass="input"></asp:TextBox>
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td style="text-align: left;" id="tdTel">
                    </td>
                </tr>
                <tr>
                    <td class="inputPre">
                        手机
                    </td>
                    <td class="inputTD"> 
 
                        <table class="tab-noborder">
                            <tr>
                                <td>
                                    <asp:TextBox ID="txtMobilePhone" runat="server" Width="400%" CssClass="input"></asp:TextBox>
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td style="text-align: left;" id="tdMobilePhone">
                    </td>
                </tr>

现在想写这个一个JS做校验

function CheckData() {
    $(".input").each(function () {
        var type = $(this).attr("type");
        if (type == "text" || type == "text") {
            var msg = 获取那个class = "inputPre"的td里面的文本;
            if ($(this).val() == "") {
                alert(msg + "不能为空");
                $(this).focus();
                return false; 
 
            }
        }
    });
    return true;
}

 var msg =这里要怎么样写？？
 这里我想获取那个class = "inputPre"的td里面的文本，比如说"联系人","固定电话";
jquery javascript html
[解决办法]
 var msg=$(this).parents('tr').find('.inputPre').text() 

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
  <table border=1 width="100%"  >
  <tr>
                    <td class="inputPre">
                        联系人
                    </td>
                    <td class="inputTD">
                        <table class="tab-noborder">
                            <tr>
                                <td>
                                    <input ID="txtLinkMan" runat="server" Width="99%" class="input">
                                </td> 
 
                            </tr>
                        </table>
                    </td>
                    <td style="text-align: left;" id="tdLinkMan">
                    </td>
                </tr>
                <tr>
                    <td class="inputPre">
                        固定电话
                    </td>
                    <td class="inputTD">
                        <table class="tab-noborder">
                            <tr>
                                <td>
                                    <input ID="txtTel" runat="server" Width="99%" class="input">
                                </td>
                            </tr>
                        </table> 
 
                    </td>
                    <td style="text-align: left;" id="tdTel">
                    </td>
                </tr>
                <tr>
                    <td class="inputPre">
                        手机
                    </td>
                    <td class="inputTD">
                        <table class="tab-noborder">
                            <tr>
                                <td>
                                    <input ID="txtMobilePhone" runat="server" Width="400%" class="input">
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td style="text-align: left;" id="tdMobilePhone"> 
 
                    </td>
                </tr>
            </table>
    <button onclick="CheckData()" >check</button>     
<script>
function CheckData() {
    $(".input:text").each(function () {
            if ($(this).val() == "") {
              var msg=$(this).parents('tr').find('.inputPre').text() 
                alert( $.trim(msg)+ ",不能为空");
                $(this).focus();
                return false;
           }
    });
    return true;
}
</script>    
 

查看更多 下一篇