Question

我定义了如下的客户html元素：

<div class="test">
    <myelement1 class="elclass" />
    <myelement2 class="elclass" >
    <myelement3 class="elclass"> my html </myelement3>
</div>

并通过jquery代码获取它们的html：

var elementHtml = "";
$('.test').find(".elclass").each(function(){elementHtml += "my element html: " + $(this).html();});
alert(elementHtml);

它与myelement3一起工作正常，但它与myelement1和myelement2无法正常工作。如何从myelement1和myelement2获取html？我知道如果它工作正常，myelement1和myelement2的html将为null。

更新

我知道myelement2不是标准的，但在html中有一些元素，如myelement1和myelement2。例如： <input>您还可以撰写<input/>，<img>或<img/>。我想创建三种类型的自定义元素：

1.<tagname>
2.<tagname/>
3.<tagname></tagname>

我也知道myelement1和myelement2 html是空的，但我想从他们那里得到html。有没有办法获得所有上述类型的自定义元素的HTML？

Answer 1

您忘了将/放在myelement2标记的末尾：

<div class="test">
    <myelement1 class="elclass" />
    <myelement2 class="elclass" /> 
    <myelement3 class="elclass"> my html </myelement3>
</div>

Answer 2

你忘了关闭myelement2。

myelement1和myelement2 html也是空的

jquery从自定义元素获取html而没有关闭标记

2 个答案: