Então, estou tentando descobrir como anexar um elemento div a um elemento div existente, depois de verificar se o elemento div filho contém um texto específico ou não em JS/JQuery.
Meu HTML:
<div id="mii">
</div>
Meu JQuery:
$(document).ready(function () {
$("#mii").click(function() {
if($("#mii div span:contains('foo')") == false) {
$("#mii").append("<div class='mii-item'><span>foo</span></div>");
}
});
});
Meu CSS (não muito relevante):
#mii {
background-color: gray;
width: 100%;
height: 100%;
padding: 5px;
}
#mii:hover {
cursor: pointer;
}
.mii-item {
background-color: yellow;
padding: 5px;
}
Não consigo entender por que não funciona, apesar de ter depurado e tentado várias coisas, então qualquer ajuda é bem-vinda!
Link para JSFiddle