Javascript 如何动态添加到父div的链接

在我下面的代码片段中，您将看到一个蓝色和红色的块。红色表示未完成特定任务。我试图为这些未完成的任务做的是动态地使其外部div成为这些account unfinished包中的一个，account unfinished logo充当链接

我不确定如何动态执行此操作，因为任务块将从未完成/已完成更改。我不希望完成的块有链接，否则我只会将其添加到html中

有人知道我如何使未完成块的外部div动态地充当链接吗

var unfinishedPack=1； var unfinishedLogo=0； 如果未完成包==0{ $'account-unfinished-package'.addClass'red'； $'unfinished-title-package'.html'产品包需要设置'； $'unfinished-img-package'.html； } 否则，如果未完成的包>0{ $'account-unfinished-package'.addClass'blue'； $'unfinished-title-package'.html'Product package Setup Complete！'； $'unfinished-img-package'.html； } 如果未完成徽标==0{ $'account-unfinished-logo'.addClass'red'； $'unfinished-title-logo'.html'需要添加公司徽标'； $'unfinished-img-logo'.html； } 否则，如果未完成的包>0{ $“account-unfinished-logo”.addClass'blue'； $'unfinished-title-logo'.html'Account logo Complete！'； $'unfinished-img-logo'.html； } 帐未结{ 宽度：100%； 高度：自动； /*颜色：D8000C*/ /*背景：FFBABA*/ 边缘底部：10px； 显示：无； } account-unfinished.block{ 显示：块； } 帐户未完成的软件包、帐户未完成的徽标{ 宽度：50%； 身高：100%； 显示：内联块； 垂直对齐：顶部； } account-unfinished-package.red，account-unfinished-logo.red{ 背景：D8000C； 身高：100%； } account-unfinished-package.blue，account-unfinished-logo.blue{ 背景：09afdf； 身高：100%； } .未完成的内部账目{ 填充：15px； } .帐户未完成的标题{ 字体大小：1.5rem； 颜色：FFF； 字体系列：“Lato”，无衬线； 线高：1.4em； 文本对齐：居中； } .未完成的科目a{ 颜色：FFF； } 未完成的img包装，未完成的img徽标{ 利润率：10px自动； 显示：块； 文本对齐：居中； } .未完成的img{ 高度：50px； 宽度：50px； }

使用wrapInner函数：

if (unfinishedLogo == 0) {
  $('#account-unfinished-logo').addClass('red');
  $('#account-unfinished-logo').wrapInner('<a href="https://google.com"></a>');
  $('#unfinished-title-logo').html('Company logo needs added. <a href="#">Click to add</a>');
  $('#unfinished-img-logo').html("<img src='http://s3.amazonaws.com/retain-static/images/realestate/error-circle.png' class='unfinished-img' alt='Logo Needs Added'>");
}
else if (unfinishedPack > 0) {
  $('#account-unfinished-logo').addClass('blue');
  $('#unfinished-title-logo').html('Account Logos Complete!');
  $('#unfinished-img-logo').html("<img src='http://s3.amazonaws.com/retain-static/images/realestate/checkmark-circle-white.png' class='unfinished-img' alt='Logo Complete'>");
}

---

我给你做了一把小提琴：

所以基本上你想用一个元素把未完成的积木包起来，当它们完成时-把它们打开？@Catalyst是的，没错。谢谢！你知道为什么当我更改完成的变量时，徽标框消失了吗。。。像这样…var unfinishedPack=0；var unfinishedLogo=1；是的，你有一个错误。检查我的更新，我在上面的代码中也做了-否则如果unfinishedPack>0{应该是unfinishedLogo>0{谢谢…没有看到这个错误。我感谢您的帮助！