javascript – jQuery追加元素,如果它不存在,否则替换

这是一段很短的代码：

var $el = $("#something").find(".test");
if (!$el.length) {
    $("#something").append('<div class="test">somecontent</div>');
} else {
    $el.replaceWith('<div class="test">somenewcontent</div>');
}

我找不到方法appendOrReplaceWith或类似的东西.

任何想法我怎样才能缩短它？

我相信：

$("#something").appendOrReplace('<div class="test">sometext</div>');

会更容易阅读,但还没有这样的方法.

解决方法:

强制性的香草答案.它可能不会更短,但速度更快.

获取元素,使用“test”类获取所有子元素,创建div,检查子元素长度,如果length是真实的,则将innerHTML设置为div.否则,追加它.

var el = document.getElementById("something");
var subel = el.getElementsByClassName("test");
var div = document.createElement("div");
div.className = "test"
if (subel.length) {
    div.textContent = "somenewcontent";
    while(el.hasChildNodes()) el.removeChild(el.lastChild); //remove child nodes
    el.appendChild(div);
} else { 
    div.textContent = "somecontent";
    el.appendChild(div);
}