如何将数据库中的值附加到id选择器?

时间:2010-08-31 21:00:49

标签: jquery jquery-selectors

抱歉我的英文不好,但我有一个简单的数据库,有一些值可以说:一,二,三和四......

现在我有一个这样的列表,其ID为“test-id”

<ol id="**test-id**" >
    <li>**test1**</li>
    <li>**test2**</li>
    <li>**test3**</li>
    <li>**test4**</li>
</ol>

在php部分中,我可以从我的数据库中获取每个值,但之后我想将它们附加到每个元素......比如: test1 并从我的数据库中追加第一个值,然后 test2 并附加我的db中的第二个值。

我与JQuery堆叠在一起。

1 个答案:

答案 0 :(得分:1)

这看起来不像是一个jQuery问题。但是,无论您是在PHP还是javascript中创建此ID字符串,您都可以简单地将“test”与PHP中的(例如)$ row ['id']或JS中的row.id连接起来。在PHP中,concat运算符是句号“。”在Javascript中它是一个+号。

编辑:一个简单的示例,用于说明追加的循环。在这里,我假设您希望每个LI的ID值等于test1,其中1是ID号,使得id#2看起来像:test2。

var appendString = "";
var dataArray = new Array();
dataArray[0] = 1;
dataArray[1] = 2;
dataArray[2] = 3;
dataArray[3] = 4;

$.each(dataArray, function(i, val) {
    appendString += '<li id="test' + val + '">ID ' + val + '</li>';
});

$('#mylist').append(appendString);

可在此处查看此内容:http://jsfiddle.net/VFFUj/2/

重要的是要注意在jQuery中附加这样的完整字符串实际上比单独附加每个LI更快,因此如果可能的话,最好在将html字符串附加到文档之前创建它。