Có thẻ html nào không có bất kỳ ảnh hưởng nào trên tài liệu html không?

Question

Trong html, có một thẻ mà tôi có thể thêm thuộc tính id vào, không có bất kỳ ảnh hưởng nào trên trang html, nhưng vẫn có thể được truy cập bằng bộ chọn jQuery không?

Dưới đây là một ví dụ:

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

Nếu tôi có các mã trên trong một danh sách, những gì thẻ tôi có thể thêm vào html này, vì vậy mà tôi sau đó có thể sử dụng jQuery để thực hiện hành động trên các mặt hàng mã như bọn trẻ?

Đoạn mã trên chỉ là một ví dụ, tôi muốn có thể sử dụng kỹ thuật này cho bất kỳ phần tử html nào.

EDIT

Là <span> tag những gì tôi đang tìm kiếm?

EDIT2

Tôi đã thử những điều sau đây với một thẻ div:

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

Tuy nhiên, danh sách các mục không được hiển thị một cách chính xác. Tôi đang sử dụng mẫu AdminLTE và mẫu này sử dụng kiểu tùy chỉnh cho các mục danh sách này.

Làm cách nào khác để đạt được kết quả mong muốn? Tôi có thể thêm các thuộc tính dữ liệu hoặc một số kỹ thuật mã hóa html khác không?

EDIT3

Thẻ html với id cần thực hiện trước bất kỳ thẻ khác, để tất cả phần còn lại của thẻ có thể được coi là trẻ em.

Answer 1

Bạn có thể thử

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

Trong một bối cảnh khối, bạn có thể làm tương tự với "div":

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

Tôi không tin bạn có thể sử dụng một div trong li, Tuy nhiên.

Answer 2

Bạn có thể bao gồm một phần tử và sau đó biến nó thành ẩn. Ví dụ: <i></i> hoặc <em></em> và sau đó thiết lập

i { 
    visibility: hidden; 
} 

Và sau đó thêm một ID và chọn phần tử đó. Phần tử sẽ không ảnh hưởng đến bất kỳ thứ gì trên trang nhưng vẫn có thể được chọn.

Answer 3

Thẻ span thực sự là những gì bạn đang tìm kiếm: đó là thẻ vùng chứa nội tuyến HTML duy nhất. Trừ khi bạn áp dụng CSS cho nó, nó chỉ đơn giản là một thẻ nội tuyến mà không thay đổi cách tài liệu của bạn được hiển thị.

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

hãy cũng lưu ý rằng bạn có thể sử dụng một thẻ div và áp dụng CSS display:inline; để đạt được kết quả tương tự.

Hope this helps :)

Answer 4

cố gắng sử dụng Unique ID selector như

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

trong id này (id="id7843")bạn có thể sử dụng id của bạn theo nhu cầu của bạn

bạn có thể xác định lớp hoặc fuction cho id đó trong jquery nó không ảnh hưởng đến bất kỳ html nào khác trừ khi bạn đang có cùng một id .. cố gắng sử dụng id duy nhất cho mọi lớp bạn đã xác định.

Answer 5

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