javascript - 了解 jQuery 选择器输出

Question

在我的 javascript 中的某个时刻，我使用以下代码创建了一个 div:

var myDiv = document.createElement('div');
myDiv.className = 'square';
myDiv.id = originalID;
...
myDiv.myAttribute = myValue;

后来我想修改它，所以我尝试用以下代码选择它:

$("div[myAttribute ='"+ myValue +"']")

但是，我无法使用此代码修改 myDiv!

$("div[myAttribute ='"+ myValue +"']").id = newID;

所以我尝试使用此警报进行调试:

alert(JSON.stringify($("div[myAttribute ='"+ myValue +"']")));

但它显示了一堆乱七八糟的东西:

{

"length":0,
"prevObject":{
    "0":{
        "location":{
            "href":"http://localhost:3000/",
            "origin":"http://localhost:3000",
            "protocol":"http:",
            "host":"localhost:3000",
            "hostname":"localhost",
            "port":"3000",
            "pathname":"/",
            "search":"",
            "hash":""
        }
    },
    "context":{
        "location":{
            "href":"http://localhost:3000/",
            "origin":"http://localhost:3000",
            "protocol":"http:",
            "host":"localhost:3000",
            "hostname":"localhost",
            "port":"3000",
            "pathname":"/",
            "search":"",
            "hash":""
        }
    },
    "length":1
},
"context":{
    "location":{
        "href":"http://localhost:3000/",
        "origin":"http://localhost:3000",
        "protocol":"http:",
        "host":"localhost:3000",
        "hostname":"localhost",
        "port":"3000",
        "pathname":"/",
        "search":"",
        "hash":""
    }
},
"selector":"div[myAttribute='myValue']"

}

如何编写语句以使用选择器修改该元素的 ID？

Answer 1

首先，创建 myDiv 后，您是否将其附加到 dom 中。 尝试将其附加到 DOM。 检查以下代码片段

var myDiv = document.createElement('div');
myDiv.className = 'square';
myDiv.id = "originalID";
document.body.appendChild(myDiv)
myDiv.setAttribute('myAttribute',2);
alert(myDiv.getAttribute('myAttribute'))

希望这有帮助