在jQuery中使用動態標簽名稱創建html標簽

Question

我想在我的函數中創建html標簽，如下所示：

function createHtmlTag(tagName) {
    var newHtmlTag = $(tagName);
    return newHtmlTag;
}

但是，當我在頁面中調用createHtmlTag('div') ，此函數將返回所有頁面div標簽。 我知道$(tagName)會導致此結果，但我需要此方法。 我可以通過以下方法解決此問題：

function createHtmlTagSecond(tagName) {
    var newHtmlTag = $('<' + tagName + '></' + tagName + '>');
    return newHtmlTag;
}

使用JavaScript

function createHtmlTagByJavaScript(tagName) {
    var newHtmlTag = document.createElement(tagName);
    return newHtmlTag;
}

我的問題

有沒有一種更好的方法來使用jQuery而無需添加（ '<' ）之類的其他標記？

謝謝前進。

Answer 1

如果要使用jQuery，則無法避免使用<或> ，但是可以將其修整為var newHtmlTag = $('<' + tagName + '>');

此外，根據什么，使用jQuery創建HTML元素的最有效方法是什么？ 就性能而言，最好使用香草JS方法。

Answer 2

我找到了一種無需添加額外標記的方法（將createHtmlTagByJavaScript和createHtmlTag結合在一起）。

function creatHtmlTag(tagName) {
    var newHtmlTag = $(document.createElement(tagName));
    return newHtmlTag;
}