How to take html element without text?

Question

Edit:

sorry for bad explanation so i have:

 var x = $("span", this).get( 0 );
 var y = x.outerHTML

and it give me: <span>'some text'</span> but i want just only tag <span></span> with all atributes. My question is how to get it?;p

thanks for any help!

Your question is unclear, as far as I understand it I would just say "delete the 'a'" but you obviously want something else — Velimir Tchatchevsky, Jul 28 '16 at 11:02
You are right @VelimirTchatchevsky. Just thought Puki might be looking for something else. — Moid, Jul 28 '16 at 11:03

score 0 · Accepted Answer · answered Jul 28 '16 at 11:31

0

The problem in your code: var x = $("span", this).get( 0 ); <-- you have parent (even TAG name) and taking first child var y = x.outerHTML <-- here you're trying to get parent (you eant - TAG name) :%

So, if you know var x = $("span"... <---- this string - you can easily create a string you want

var tag = "span";
var x = $(tag, this).get( 0 );
var y = x.outerHTML;
// the most dumbest way
var result = '<'+tag+'>'+'<'+tag+'/>';

answered Jul 28 '16 at 11:31

Shulyk Volodymyr

767
6
11

Unfortunately, this method does not preserve attributes as required in the question. – Ruslan Batdalov Jul 28 '16 at 11:43
https://jsfiddle.net/cyz02qqy/1/ What about this? $(SOME_SELECTOR).html('').prop("outerHTML") – Shulyk Volodymyr Jul 28 '16 at 12:52

score 0 · Answer 2 · answered Jul 28 '16 at 11:42

cloneNode() by default does not copy the element content, so you can use it:

var x = $("span", this).get( 0 );
var y = x.cloneNode();
var z = x.outerHTML;

In your function of fiddle it would be something like that:

var x = tur.cloneNode();
console.log(x.outerHTML);

How to take html element without text?

2 Answers2