我有一个ul包含图像.这些图像是从twitter获取并附加到ul动态中的轮廓图像.一旦用户点击任何图像,我还需要将图像的节点缓存在它旁边(下一个兄弟).我尝试使用next()下面的选择器,但在控制台中记录的是我不明白的消息.这是代码:
$("ul#container").on("click", "img", function(){
var nextImage = $(this).next();
console.log(nextImage);
}
Run Code Online (Sandbox Code Playgroud)
以下是在控制台中记录的内容:
[prevObject:p.fn.p.init [1],context :, selector:".next()"]
你能帮我理解我做错了什么吗?谢谢阅读!
我编写了以下代码,旨在创建一个div,并在其中嵌套跨度.这是代码.结果让我觉得好笑:
function(){
$("<div>", {
text: "<span>SomeText</span>",
class: "queryTitle"
}).prependTo(container);
Run Code Online (Sandbox Code Playgroud)
在chrome中检查时,这是生成的html:
<div class="queryTitle"><span>1234</span></div>
Run Code Online (Sandbox Code Playgroud)
虽然这是我瞄准的确切html,但是这个html在浏览器中没有正确呈现,因为span块在浏览器中显示"unrendered",如下所示:
<span>1234</span>
Run Code Online (Sandbox Code Playgroud)
(我知道我可以重写下面的代码
function(){
$("<div class = " + queryTitle + "><span>1234</span></div>").prependTo(container)
}
Run Code Online (Sandbox Code Playgroud)
返回所需的结果,但我觉得这个语法有点难以理解,而且我真的很想知道我做错了什么作为教育练习.
谢谢你的阅读.