首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Jquery:在.append中传递ID

Jquery:在.append中传递ID
EN

Stack Overflow用户
提问于 2014-10-24 08:56:41
回答 4查看 997关注 0票数 1

新手在这里,有一个问题,希望是足够简单的:

所以我有这行代码;

代码语言:javascript
运行
复制
            $("#r"+i+"c"+j).append($("<img>", {style:"display:block; margin: 0 auto;", src: imagefile, width: cellDimension + "px", height: cellDimension + "px"}));

我需要向“< img >”传递一个ID,这样我就可以在一个单独的函数中与它交互。我尝试过以下几种方法:

代码语言:javascript
运行
复制
            $("#"+ID+"<img>",

代码语言:javascript
运行
复制
            $("#r"+i+"c"+j).append($("<img>", {style:"display:block; margin: 0 auto;", src: imagefile, width: cellDimension + "px", height: cellDimension + "px"}).attr('ID'));

提前感谢

EN

回答 4

Stack Overflow用户

发布于 2014-10-24 09:02:34

您可以将id作为创建图像时传递的对象的属性进行传递。

代码语言:javascript
运行
复制
$("<img>", {
    style:"display:block; margin: 0 auto;",
    src: imagefile,
    width: cellDimension + "px",
    height: cellDimension + "px",
    id: ID_HERE } // ID here - either a string variable, or string literal like "imageId"
);

演示:http://jsfiddle.net/dmpd9a64/

此外,您还可以使用attr传递一个值,如下所示:

代码语言:javascript
运行
复制
$("<img>", {
    style:"display:block; margin: 0 auto;",
    src: imagefile,
    width: cellDimension + "px",
    height: cellDimension + "px"}
).attr('id', ID_HERE); // again, string variable or literal

演示:http://jsfiddle.net/dmpd9a64/1/

票数 2
EN

Stack Overflow用户

发布于 2014-10-24 09:32:45

如果您有兴趣传递父ID,以便它可以成为图像ID的一部分,下面是如何完成此操作的方法:

代码语言:javascript
运行
复制
$("#r" + i + "c" + j).append( function() { 
    return $("<img>", {
        //any attributes you'd like to set, such as:
        class: 'new-image',
        'data-id': this.id,
        id: this.id + '-something' /* since IDs must be unique */ 
    };
});
票数 1
EN

Stack Overflow用户

发布于 2014-10-24 09:05:14

您可以通过以下方式达到此目的:

代码语言:javascript
运行
复制
    $("#r"+i+"c"+j).append($("<img id='"+yourID+"'>", {style:"display:block; margin: 0 auto;", src: imagefile, width: cellDimension + "px", height: cellDimension + "px"}));
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/26539894

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档