C'è un tag html che non ha alcun effetto su un documento html?

Question

In html, c'è un tag a cui posso aggiungere un attributo id, che non ha alcun effetto sulla pagina html, ma è comunque possibile accedere con un selettore jQuery?

Ecco un esempio:

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

Se ho il codice di cui sopra in un elenco, quello tag posso aggiungere a questo html, in modo che possa poi usare jQuery per eseguire azioni sulle voci di codice come bambini?

Il codice precedente è solo un esempio, sto volendo essere in grado di utilizzare questa tecnica per qualsiasi elemento html.

EDIT

è il <span> tag quello che sto cercando?

EDIT2

Ho provato quanto segue con un tag span:

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

Tuttavia, le voci di elenco non vengono visualizzati correttamente. Sto usando un modello AdminLTE e questo modello usa uno stile personalizzato per questi elementi dell'elenco.

In quale altro modo è possibile ottenere il risultato desiderato? Posso aggiungere attributi di dati o qualche altra tecnica di codifica html?

Edit3

il tag HTML con l'id deve essere prima di tutti gli altri tag, in modo che tutto il resto dei tag possono essere trattati come i bambini.

Answer 1

Si può provare

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

In un contesto di blocco, è possibile fare lo stesso con "div":

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

io non credo che si possa usare un div all'interno del li, però.

Answer 2

È possibile includere un elemento e renderlo invisibile. Per esempio: <i></i> o <em></em> e quindi impostare

i { 
    visibility: hidden; 
} 

e quindi aggiungere un ID e selezionare quell'elemento. L'elemento non influenzerà nulla sulla pagina, ma sarà comunque in grado di essere selezionato.

Answer 3

Il tag span è davvero quello che stai cercando: è l'unico tag HTML in linea del contenitore. A meno che non applichi CSS, è semplicemente un tag in linea che non modifica il modo in cui il tuo documento viene visualizzato.

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

Si prega di notare, inoltre, che è possibile utilizzare un tag div e applicare CSS display:inline; per ottenere lo stesso risultato.

Spero che questo aiuti :)

Answer 4

tenta di utilizzare il selettore ID univoco come

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

in questo id (id="id7843")è possibile utilizzare il proprio ID in base alle proprie necessità

il tuo può definire classe o fuction per quell'id in jquery che non ha effetto su nessun altro codice html a meno che non si abbia lo stesso ID .. provare ad utilizzare un ID univoco per ogni classe definita.

Answer 5

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