jquery mobile 用js 动态修改元素属性或内容

JavaScript code

?
现在需要在函数chg()z中修改，对于的a标签的值。

比如：修改第一个a标签的data-theme为"f",修改第二个标签的html值为2.，修改第三个a标签的disabled为disabled。

JavaScript code

?
来自本站论坛，作者ZHHAA发的帖子，a756375788作答。此处作为收藏。

下面是自己问题处理。

HTML部分：

<div data-role="collapsible-set" data-inset="false" id="bhlist"> </div>

动态添加部分请看图片。

js部分：

动态添加

var option = $("#bhlist").html();

for (var i = 0; i < d.length; i++) {

var options = '<div data-role="collapsible" id="bt' + i + '"><h3 onclick="loadbz(' + i + ',' + d[i].TypeID + ',\'' + d[i].Name + '\')" id="bx' + i + '">' + d[i].Name + '</h3></div>';

option = option + options;

}

$("#bhlist").html(option);

$("#bhlist").collapsibleset('refresh', true);

折叠部分渲染

$("#bx" + j).find("a").css("color", "blue");

//$("#bx" + j).find("a").css("backgrounCcolor", "blue");//太丑了

$("#bhlist").trigger("create");

if ($("#pdbz").children().length > 1) {

$("#pdbz").empty();

}

//清除同级元素的改变

if ($("#bt" + j).prevAll().length > 0) {

$("#bt" + j).prevAll().find("h3").find("a").css("color", "black");

}

if ($("#bt" + j).nextAll().length > 0) {

$("#bt" + j).nextAll().find("h3").find("a").css("color", "black");

}