是否存在对 html 文档没有任何影响的 html 标签？

Question

在 html 中，有没有可以添加 id 属性的标签，它对 html 页面没有任何影响，但仍然可以使用 jQuery 选择器访问？

这是一个例子：

<li><a href="#"><i class='fa fa-link'></i> <span>Another Link</span></a></li>

如果我在列表中有上述代码，我可以在这个 html 中添加什么标签，以便我可以使用 jQuery 作为子项对代码项执行操作？

上面的代码只是一个例子，我希望能够将这种技术用于任何 html 元素。

编辑

<span> 是我要查找的标签吗？

EDIT2

我用 span 标签尝试了以下操作：

<span id="qwerty123"><li><a href="#"><i class='fa fa-link'></i> <span>Another Link</span></a></li></span>

但是，列表项没有正确显示。我正在使用 AdminLTE 模板，并且此模板对这些列表项使用自定义样式。

我还能如何达到预期的效果？我可以添加数据属性或其他一些 html 编码技术吗？

EDIT3

带有 id 的 html 标签需要在任何其他标签之前，以便所有其余标签都可以视为子标签。

Answer 1

span 确实是您正在寻找的标签：它是唯一的 HTML 内联容器标签。除非您对其应用 CSS，否则它只是一个内联标记，不会改变文档的显示方式。

Read this for more details: http://www.w3.org/TR/2014/REC-html5-20141028/text-level-semantics.html#the-span-element

还请注意，您可以使用 div 标签并应用 CSS display:inline; 来获得相同的结果。

希望这会有所帮助:)

Answer 2

你可以试试

<li>
    <span id="targetSpan" style="display:none;">
        <!-- any children -->
    </span>
    <a href="#">
        <i class='fa fa-link'></i> 
        <span>Another Link</span>
    </a>
</li>

在块上下文中，您可以对“div”执行相同操作：

<div id="targetDiv" style="display:none;">
    <!-- any children -->
</div>

但是，我认为您不能在 li 中使用 div。

Answer 3

您可以包含一个元素，然后使其不可见。例如：<i></i> 或<em></em> 然后设置

i {
    visibility: hidden;
}

然后添加一个 ID 并选择该元素。该元素不会影响页面上的任何内容，但仍然可以被选中。

Answer 4

<li><a href="#"><i class='fa fa-link'></i> <span id = "putyouridhere">Another Link</span></a></li>

Answer 5

尝试使用唯一 ID 选择器喜欢

<li><a href="#"><i class='fa fa-link'></i> <span id="id7843">Another Link</span></a></li>

在这个id(id="id7843")你可以根据需要使用你的id

您可以在 jquery 中为该 id 定义类或函数，它不会影响任何其他 html除非您具有相同的 id.. 尝试为您定义的每个类使用唯一的 id .