jquery - 使用 jQuery 获取整个开始标签

Question

假设 HTML 是:

<div id="page" class="someclass"> more divs </div>

如何使用 ID 获取 HTML 中显示的整个开始标记及其属性(但不是结束标记)？例如:

$('#page').tag();

然后返回:

<div id="page" class="someclass">

Answer 1

您始终可以使用 DOM 元素属性 externalHTML

$(selector)[0].outerHTML

它只是获取选择的第一个 DOM 元素，然后使用 DOM 属性 externalHTML 获取 html

编辑如果您不需要内容而只需要封闭标签，则可以执行此操作

$.fn.tag = function(){
    return this[0].outerHTML.replace(this.html(),"");
};

或者如果您只想要开始标记

$.fn.startTag = function(){
    return this[0].outerHTML.split(this.html())[0];
};

然后您可以像这样使用它来获取封闭标签

$("#page").tag();

或者像这样获取开始标签

$("#page").startTag();