how to get the full html element using jquery?

Question

I want to get all full element using class

<div class="number">one</div>
<div class="address">addr1</div>
<div class="number">twod</div>

I want what are all the div having class name number, I want output full content with tags one by one using foreach statement. The expected output is like below

<div class="number">one</div>
<div class="number">two</div>

Your question might be unclear, but what have you tried already since you were talking about `foreach`? — node_modules, Feb 08 '17 at 07:59
have you even attempted to write any jquery to solve this..? — dommmm, Feb 08 '17 at 07:59
I have no idea what you're trying to do, but what's the issue with just `$('.number')`? — Rory McCrossan, Feb 08 '17 at 08:00
http://stackoverflow.com/questions/6459398/jquery-get-html-of-container-including-the-container-itself — Banzay, Feb 08 '17 at 08:07
Not clear. do you want $('.number, .address').each(function() { console.log(this.outerHTML) }) — Parvez Rahaman, Feb 08 '17 at 08:09

score 0 · Accepted Answer · answered Feb 08 '17 at 08:42

$('.number, .address').each(function() {
  console.log(this.outerHTML)
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="number">one</div>
<div class="address">addr1</div>
<div class="number">twod</div>

how to get the full html element using jquery?

1 Answers1