javascript - 在更改 $.prop ('name' 之前 $.append )？ (名称属性未在 Chrome 中显示 "Elements")

Question

我正在动态构建重复出现的 html 元素。

我正在创建一个display:table ，一切似乎都很顺利，但是当我更改 name 时之前元素的 $.append() ed，它不会显示在 Chrome“Elements”中，并且以后无法被 jQuery 选择；然而，之前$.append() ing，$.prop('name')可以是alert()编辑。

动态构造的元素应该是 $.append()更改前编辑$.prop('name') ？

代码示例:

$.fn.appendSingleRecordInsert = function(paramaterObject) {
    return this.each(function () {
        var $appendDiv = $('<div/>')
        ...
        $.each(paramaterObject.rows, function(rowKey, rowValue){
            var $rowDiv = $('<div/>');
            $.each(rowValue.columns, function(columnKey, columnValue){
                var $columnDiv = $('<div/>');
                if(typeof columnValue.name !== 'undefined'{
                    $columnDiv.prop('name', columnValue.name);
                }
                ...
                $rowDiv.append($columnDiv);
            })
            $appendDiv.append($rowDiv);
        });
        $(this)[paramaterObject.domInsertMethod]($appendDiv);
    });

Answer 1

name property不适用于<div>元素 - 他们没有 name属性。因此，您所做的属性更改不会反射(reflect)在属性值(DOM 检查器)中。

如果您需要选择器，则应该使用 id 或类。