首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >动态添加元素属性

动态添加元素属性
EN

Stack Overflow用户
提问于 2016-05-31 12:42:58
回答 2查看 62关注 0票数 0

我正在创建动态手风琴元素,在手风琴内容中有一个表。我需要通过传递给函数的变量动态地设置文本。

我的代码:

代码语言:javascript
运行
复制
function addAcc(marking, freq) {
    var newID = marking;

    var newTable = '<div id="startID"> \
                    <h3>\
                    </h3> \
                    <table class="tg" style="width: 100%; height: 100%;padding: 0 0 0 0; margin: 0 0 0 0;background-color:  #A0A6AB"> \
                    <tr> \
                    <th id="frequency"></th> \
                    <th></th> \
                    <th></th> \
                    <th></th> \
                    </tr> \
                    </table> \
                    </div>';

    $('.emitters').append(newTable)
    $('.emitters').accordion("refresh");
    $('#startID').attr('id',newID);
}

例如,我需要用调用函数时收到的freq变量的文本值来设置元素频率。另一个问题是使用传递给函数的标记字符串动态地设置主div ID。当HTML代码是javascript变量时,如何设置这些代码?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-05-31 13:13:31

请用下面的代码替换您的函数以获得预期的输出

代码语言:javascript
运行
复制
function addAcc(marking, freq) {
var newID = marking;

var newTable = '<div id="'+marking+'"> \
                <h3>\
                </h3> \
                <table class="tg" style="width: 100%; height: 100%;padding: 0 0 0 0; margin: 0 0 0 0;background-color:  #A0A6AB"> \
                <caption>'+freq+'</caption>\
                <tr> \
                <th id="frequency"></th> \
                <th></th> \
                <th></th> \
                <th></th> \
                </tr> \
                </table> \
                </div>';

$('.emitters').append(newTable)
$('.emitters').accordion("refresh");
$('#startID').attr('id',newID);

}

票数 1
EN

Stack Overflow用户

发布于 2016-05-31 12:52:01

您可以将字符串连接起来,为HTML代码设置变量。例如:

代码语言:javascript
运行
复制
var newTable = '<div id="startID"> \
            <h3>\
            </h3> \
            <table class="tg" style="width: 100%; height: 100%;padding: 0 0 0 0; margin: 0 0 0 0;background-color:  #A0A6AB"> \
            <tr> \
            <th id=';

var frequency = freq;

var newTable2 = '></th> \
            <th></th> \
            <th></th> \
            <th></th> \
            </tr> \
            </table> \
            </div>';

然后:

代码语言:javascript
运行
复制
$('.emitters').append(newTable + frequency + newTable2)
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/37546099

复制
相关文章

相似问题

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