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

前端之家收集整理的这篇文章主要介绍了是否存在对html文档没有任何影响的html标记?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在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标记需要在任何其他标记之前,以便所有其他标记都可以作为子标记处理.

解决方法

你可以试试
<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.

猜你在找的HTML相关文章