所以我一直试图弄清楚,在检查子 div 元素是否包含 JS/JQuery 中的特定文本后,如何将 div 元素附加到现有的 div 元素。
我的HTML:
<div id="mii">
</div>
我的jQuery:
$(document).ready(function () {
$("#mii").click(function() {
if($("#mii div span:contains('foo')") == false) {
$("#mii").append("<div class='mii-item'><span>foo</span></div>");
}
});
});
我的CSS(不过不相关):
#mii {
background-color: gray;
width: 100%;
height: 100%;
padding: 5px;
}
#mii:hover {
cursor: pointer;
}
.mii-item {
background-color: yellow;
padding: 5px;
}
我不明白为什么它不起作用,即使我调试了它并尝试了各种方法,所以欢迎任何帮助!
链接到JSFiddle