Jquery 将父元素ID插入到动态元素中

标记：

$（文档）.ready（函数（）{
$（“#页面门户”）.load（函数（）{
$（“#门户”）.contents（）.find（“.callout”）
.append（“编辑此区域”）；
});
});

此代码在每个

div class=“callout”

我要做的是从

div class=“callout”

检索ID（数字部分），并将其动态插入

div class=“edit image”

---

我在这方面遇到了问题，有人能帮忙吗？

您可以用

<iframe id="portal">
    <div id="callout-1" class="callout">
    </div>

    <div id="callout-2" class="callout">
    </div>
</iframe>

$(document).ready(function(){
    $('#page-portal').load(function(){
        $('#portal').contents().find('.callout')
        .append('<div class="edit-image" id="edit-image-1">Edit This Area</div>');
    });
});

---

在您的情况下，您必须迭代文档中的所有.callout，然后如上所述解析id，然后插入具有正确id的新元素。

您可以请求具有

<iframe id="portal">
    <div id="callout-1" class="callout">
    </div>

    <div id="callout-2" class="callout">
    </div>
</iframe>

$(document).ready(function(){
    $('#page-portal').load(function(){
        $('#portal').contents().find('.callout')
        .append('<div class="edit-image" id="edit-image-1">Edit This Area</div>');
    });
});

在您的情况下，您必须迭代文档中的所有.callout，然后如上所述解析id，然后插入具有正确id的新元素。

您可以使用Javascript方法。应该是这样的

var id     = $("selektor").attr("id"),
    number = parseInt(id.split('-')[1]);

$（“#门户”）.find（“.callout”）.each（函数（k，v）{
id=$（this.attr（“id”）；
//取出元素的id
温度=id.split（“-”）；
//根据“-”拆分字符串
idnum=温度[1]；
//取拆分的第二部分，即整数部分
$（this.append（'Edit this Area'）；
//然后最后使用它
});

下面是一个可以使用Javascript的工作方法。应该是这样的

var id     = $("selektor").attr("id"),
    number = parseInt(id.split('-')[1]);

$（“#门户”）.find（“.callout”）.each（函数（k，v）{
id=$（this.attr（“id”）；
//取出元素的id
温度=id.split（“-”）；
//根据“-”拆分字符串
idnum=温度[1]；
//取拆分的第二部分，即整数部分
$（this.append（'Edit this Area'）；
//然后最后使用它
});

---

这是一个有效的

你们什么时候开始使用数据属性？你们什么时候开始使用数据属性？