Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/438.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用jQuery访问在jQuery中创建的元素_Javascript_Jquery - Fatal编程技术网

Javascript 如何使用jQuery访问在jQuery中创建的元素

Javascript 如何使用jQuery访问在jQuery中创建的元素,javascript,jquery,Javascript,Jquery,我使用jQuery创建元素,并在过程中为它们分配ID。在我的代码后面,我想通过它们的ID访问这些元素。但是,我无法使用jQuery来实现这一点。不过,如果我只使用核心JS,它就可以工作。为什么会这样 var createTable = function(rows, columns, height, width) { var $table = $("<table>"); $("body").append($table); for (var i = 1; i &

我使用jQuery创建元素,并在过程中为它们分配ID。在我的代码后面,我想通过它们的ID访问这些元素。但是,我无法使用jQuery来实现这一点。不过,如果我只使用核心JS,它就可以工作。为什么会这样

var createTable = function(rows, columns, height, width) {
    var $table = $("<table>");
    $("body").append($table);

    for (var i = 1; i < rows + 1; i++) {
        var $tr = $("<tr>");
        $table.append($tr);
        for (var j = 1; j < columns + 1; j++) {
            var $td = $("<td>", { id: i + "." + j });
            $td.css("height", height + "px").css("width", width + "px")
               .css("border", "1px black solid");
            $tr.append($td);
        }
    }
}


createTable(4, 4, 150, 100);
作品:

var onePointOne = document.getElementById("1.1");
onePointOne.style.border = "1px red solid";

点在选择器中有特殊的含义:它们是类选择器。您需要转义圆点以找到正确的id:

$('#1\\.1')...

点在选择器中有特殊的含义:它们是类选择器。您需要转义圆点以找到正确的id:

$('#1\\.1')...

运算符表示类,因此它将搜索id 1和它的类1,但您无法访问这些id,但您的id包含一个元字符,您需要使用斜杠转义元字符:

$("#1\\.1").css("border", "1px red solid");

但我建议您不要对id使用
运算符,您可以像
1-1
那样分配它,您可以轻松访问它,像
$('#1-1')


更重要的是,我建议您不要使用从数字开始的id。

操作符表示类,因此它将搜索id 1及其类1,但您不能访问这些id,但您的id包含一个元字符,您需要使用斜杠转义元字符:

$("#1\\.1").css("border", "1px red solid");

但我建议您不要对id使用
运算符,您可以像
1-1
那样分配它,您可以轻松访问它,像
$('#1-1')


还有,我建议您不要使用从数字开始的id。

试试这个,它会起作用:

$("#1\\.1").css("border", "1px red solid !important");

试试这个,它会起作用的:

$("#1\\.1").css("border", "1px red solid !important");

或者,更简单、更不“丑陋”,首先不要使用
!或者,更简单、更不“丑陋”,首先不要使用
!查看您的代码是否正常工作仅查看您的代码是否正常工作仅无需使用“重要”仅转义字符即可正常工作,仅供参考,如您正在应用的“重要”将无法正常工作……无需使用“重要”仅转义字符即可正常工作,如您正在应用的“重要”将无法正常工作。。。。