jq关于有[]获取不到值bug记录

unkownUser

已于 2024-07-03 18:37:34 修改

阅读量359

点赞数 1

CC 4.0 BY-SA版权

文章标签： bug

于 2018-11-22 18:18:26 首次发布

本文链接：https://blog.youkuaiyun.com/qq_35524812/article/details/84346447

有[]就不能用jQuery！！！！！！
document.getElementById("a[1].a")，这样是能拿到这个id对应的元素的，但是不能用JQ。如果你需要用jq的方法可以给这个元素再包一层$()

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>SHUAI</title>
    <style>
        #shuai{
            width: 100px;
            height: 100px;
            border: 1px solid #000;
        }
        #shuai p{
            width: 50px;
            height: 50px;
            margin: 25px auto;
            border: 1px solid #000;
        }
    </style>
</head>
<body>
<table id=dataTable></table>
<input type="hidden" id="orderNo" value="这就是你想赋值的东西？？？？-shuai">
<input type="text" id="tbOrderFeeDetails[-1].remarks">
<div ></div>
<script src="js/jquery-1.11.1.min.js"></script>
<script>

    var table = document.getElementById("dataTable");
    var tableRowsLength = table.rows.length;//获得表格的行数
    var newRow = table.insertRow(tableRowsLength);//在表格的最后一行插入新的一行
    //新的一行的内容
    //newRow.insertCell(0).innerHTML = tableRowsLength + "";//编号为表格的行数
    var index = tableRowsLength - 1;
    newRow.insertCell(0).innerHTML =tableRowsLength + "<input hidden id=\"tbOrderFeeDetails["+index+"].rowNum\" name=\"tbOrderFeeDetails["+index+"].rowNum\"  value="+index+">";
    newRow.insertCell(1).innerHTML = "<input type=\"text\"  id=\"tbOrderFeeDetails["+index+"].orderNo\" name=\"tbOrderFeeDetails["+index+"].orderNo\"  class=\"form-control locality \" disabled=\"true\">";//将信息框中的数据填入到新的数据栏中
    newRow.insertCell(2).innerHTML =  "<input type=\"text\" id=\"tbOrderFeeDetails["+index+"].feeName\" name=\"tbOrderFeeDetails["+index+"].feeName\"  class=\"form-control locality \">";
    newRow.insertCell(3).innerHTML =  "<input type=\"text\" id=\"tbOrderFeeDetails["+index+"].bearer\" name=\"tbOrderFeeDetails["+index+"].bearer\"  class=\"form-control locality \">";
    newRow.insertCell(4).innerHTML =  "<input type=\"text\" id=\"tbOrderFeeDetails["+index+"].beneficiary\" name=\"tbOrderFeeDetails["+index+"].beneficiary\"  class=\"form-control locality \">";
    newRow.insertCell(5).innerHTML =  "<input type=\"text\" id=\"tbOrderFeeDetails["+index+"].amount\" name=\"tbOrderFeeDetails["+index+"].amount\"  class=\"form-control locality \" oninput=\"sumFeeCount()\">";
    newRow.insertCell(6).innerHTML =  "<input type=\"text\" id=\"tbOrderFeeDetails["+index+"].remarks\" name=\"tbOrderFeeDetails["+index+"].remarks\"  class=\"form-control locality \">";
    /*  newRow.insertCell(7).innerHTML = "<input type=\"button\" onclick=\"delete_(this.parentNode.parentNode)\" value=\"删除\"style=\"margin-left: 10px;\">"; */
    newRow.insertCell(7).innerHTML = "<a onclick=\"delete_(this.parentNode.parentNode)\" style=\"line-height: 34px;\">删除</a> <a style=\"line-height: 34px;\">修改</a>";

    var orderNoValue = $("#orderNo").val();
    var orderNoId = "tbOrderFeeDetails["+index+"].orderNo";
    $(document.getElementById(orderNoId)).val(orderNoValue);
    console.log($(document.getElementById(orderNoId)).val());//这里就是你想要的东西


    $(orderNoId).val(orderNoValue);//有[]就不能用jQuery！！！！！！这段代码是BUG之源！！！这个东西肯定是undefined
    console.log( $(orderNoId).val());//这里肯定undefined
</script>
</body>
</html>