小编And*_*eas的帖子

选择项目的下一个兄弟只需单击

我有一个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()"]

你能帮我理解我做错了什么吗?谢谢阅读!

javascript jquery

5
推荐指数
1
解决办法
231
查看次数

使用prependTo()创建嵌套元素

我编写了以下代码,旨在创建一个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)

返回所需的结果,但我觉得这个语法有点难以理解,而且我真的很想知道我做错了什么作为教育练习.

谢谢你的阅读.

javascript jquery dom

0
推荐指数
1
解决办法
119
查看次数

标签 统计

javascript ×2

jquery ×2

dom ×1