Javascript 更改a<；div id="&引用&燃气轮机；至<；div数据布局="&引用&燃气轮机；使用Jquery？

因此，我正在构建一个tumblr模板，并使用stylehatch的Photoset网格插件。这个插件可以工作，在自定义html部分，我可以制作一个功能齐全的网格

问题是，每当我创建一个新的tumblr post并编辑posts html以包含div的“数据布局”部分时，tumblr就会删除它。（Tumblr帖子显然只能包含自定义类和div中的id）

我需要的标记是：

<div class="photoset-grid" data-layout="132">

但当我保存帖子时，Tumbler会删除数据布局部分，因此我得到以下信息：

<div class="photoset-grid">

我的问题是：我可以使用jquery来替换数据布局的div id吗

所以如果我写下这个：

<div class="photoset-grid" id="132">

jquery可以在加载插件之前将其更改为该值以使其正常工作吗

<div class="photoset-grid" data-layout="132">

---

只需几个步骤即可完成。首先，保存id值。其次，使用该值创建“数据布局”属性。最后，删除id属性

$('.photoset-grid').each(function(){ 
    var identifier = $(this).attr('id'); 
    $(this).attr('data-layout',identifier).removeAttr('id');
});

$(".photoset-grid").attr("data-layout", function () { return this.id })
    .removeAttr("id");

---

您可以通过几个步骤来完成。首先，保存id值。其次，使用该值创建“数据布局”属性。最后，删除id属性

$('.photoset-grid').each(function(){ 
    var identifier = $(this).attr('id'); 
    $(this).attr('data-layout',identifier).removeAttr('id');
});

$(".photoset-grid").attr("data-layout", function () { return this.id })
    .removeAttr("id");

---

您不能直接替换属性，但可以简单地获取id属性值，创建新的数据属性，然后删除id属性

$('.photoset-grid').each(function(){ 
    var identifier = $(this).attr('id'); 
    $(this).attr('data-layout',identifier).removeAttr('id');
});

$(".photoset-grid").attr("data-layout", function () { return this.id })
    .removeAttr("id");

---

您不能直接替换属性，但只需获取id属性值，创建新的数据属性，然后删除id属性即可

$('.photoset-grid').each(function(){ 
    var identifier = $(this).attr('id'); 
    $(this).attr('data-layout',identifier).removeAttr('id');
});

$(".photoset-grid").attr("data-layout", function () { return this.id })
    .removeAttr("id");

---

是，选择所述类别的所有div并进行更改。您自己尝试这样做时是否遇到问题？是的，选择所述类的所有div并进行更改。你自己做这件事时遇到问题了吗？谢谢你的帮助。。我意识到我做错了什么。Tumblr有一个使用纯文本/html编辑器的选项，使用它可以保存我的id和数据布局。。。算了吧！感谢所有的投入！谢谢你的帮助。。我意识到我做错了什么。Tumblr有一个使用纯文本/html编辑器的选项，使用它可以保存我的id和数据布局。。。算了吧！感谢所有的投入！