是否有一个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，否则它只是一个内联标签，不会改变您的文档的显示方式。

阅读更多详细信息：http://www.w3.org/TR/2014/REC-html5-20141028/text-level-semantics.html#the-span-element

另请注意，您可以使用div标签并应用 CSSdisplay: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>

但是,我不相信你可以使用div内部li.