Sei sulla pagina 1di 5

$('article').find('h2').

each(function(e){
var text = $(this).contents().get(0).nodeValue;
var link = window.location.origin + window.location.pathname + '#' + $(t
his).attr('id');
var isso =
$(this).clone();
isso.children().remove();
var tagPai ='<a href="' + link + '" class="tagType" target="_blank" >'
+ $(isso).text() + '</a>'
console.log(tagPai);
$(this).next('table').find('tbody > tr').find('td:first').each(function(
){
link = 'http://www.w3schools.com/tags/tag_' + $(this).children('
a:first').attr('href').split('/').slice(-1).pop() + '.asp';
var classes = "tagObj";
if($(this).find('[src="/files/3843/HTML5_Badge_32.png"]').length
> 0 )
classes = classes + " isHtml5";
var tagFilho ='<a href="' + link + '" class="' + classes + '" t
arget="_blank" >' + $(this).children('a:first').html() + '</a>'
console.log("
" + tagFilho)
});
console.log("<!-- ----------------------------- -->")
});
<!-- ----------------------------- -->
<a href="https://developer.mozilla.org/pt-BR/docs/Web/HTML/HTML5/HTML5_element_l
ist#Metadatos_do_documento" class="tagType" >Metadatos do documento</a>
<a href="http://www.w3schools.com/tags/tag_head.asp" class="tagObj
" target="_blank" ><code>&lt;head&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_title.asp" class="tagOb
j" target="_blank" ><code>&lt;title&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_base.asp" class="tagObj
" target="_blank" ><code>&lt;base&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_link.asp" class="tagObj
" target="_blank" ><code>&lt;link&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_meta.asp" class="tagObj
" target="_blank" ><code>&lt;meta&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_style.asp" class="tagOb
j" target="_blank" ><code>&lt;style&gt;</code></a>
<!-- ----------------------------- -->
<a href="https://developer.mozilla.org/pt-BR/docs/Web/HTML/HTML5/HTML5_element_l
ist#Scripting" class="tagType" >Scripting</a>
<a href="http://www.w3schools.com/tags/tag_script.asp" class="tagO
bj" target="_blank" ><code>&lt;script&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_noscript.asp" class="ta
gObj" target="_blank" ><code>&lt;noscript&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_template.asp" class="ta
gObj" target="_blank" ><code>&lt;template&gt;</code></a>
<!-- ----------------------------- -->
<a href="https://developer.mozilla.org/pt-BR/docs/Web/HTML/HTML5/HTML5_element_l
ist#Sees" class="tagType" >Sees</a>
<a href="http://www.w3schools.com/tags/tag_body.asp" class="tagObj
" target="_blank" ><code>&lt;body&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_section.asp" class="tag
Obj isHtml5" target="_blank" ><code>&lt;section&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_nav.asp" class="tagObj
isHtml5" target="_blank" ><code>&lt;nav&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_article.asp" class="tag
Obj isHtml5" target="_blank" ><code>&lt;article&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_aside.asp" class="tagOb

j isHtml5" target="_blank" ><code>&lt;aside&gt;</code></a>


<a href="http://www.w3schools.com/tags/tag_Heading_Elements.asp" c
lass="tagObj" target="_blank" ><code>&lt;h1&gt;,&lt;h2&gt;,&lt;h3&gt;,&lt;h4&gt;
,&lt;h5&gt;,&lt;h6&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_hgroup.asp" class="tagO
bj isHtml5" target="_blank" ><code>&lt;hgroup&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_header.asp" class="tagO
bj isHtml5" target="_blank" ><code>&lt;header&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_footer.asp" class="tagO
bj isHtml5" target="_blank" ><code>&lt;footer&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_address.asp" class="tag
Obj" target="_blank" ><code>&lt;address&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_main.asp" class="tagObj
isHtml5" target="_blank" ><code>&lt;main&gt;</code></a>
<!-- ----------------------------- -->
<a href="https://developer.mozilla.org/pt-BR/docs/Web/HTML/HTML5/HTML5_element_l
ist#Agrupando_contedo" class="tagType" >Agrupando contedo</a>
<a href="http://www.w3schools.com/tags/tag_p.asp" class="tagObj" t
arget="_blank" ><code>&lt;p&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_hr.asp" class="tagObj"
target="_blank" ><code>&lt;hr&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_pre.asp" class="tagObj"
target="_blank" ><code>&lt;pre&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_blockquote.asp" class="
tagObj" target="_blank" ><code>&lt;blockquote&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_ol.asp" class="tagObj"
target="_blank" ><code>&lt;ol&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_ul.asp" class="tagObj"
target="_blank" ><code>&lt;ul&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_li.asp" class="tagObj"
target="_blank" ><code>&lt;li&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_dl.asp" class="tagObj"
target="_blank" ><code>&lt;dl&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_dt.asp" class="tagObj"
target="_blank" ><code>&lt;dt&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_dd.asp" class="tagObj"
target="_blank" ><code>&lt;dd&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_figure.asp" class="tagO
bj isHtml5" target="_blank" ><code>&lt;figure&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_figcaption.asp" class="
tagObj isHtml5" target="_blank" ><code>&lt;figcaption&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_div.asp" class="tagObj"
target="_blank" ><code>&lt;div&gt;</code></a>
<!-- ----------------------------- -->
<a href="https://developer.mozilla.org/pt-BR/docs/Web/HTML/HTML5/HTML5_element_l
ist#Semntica_textual" class="tagType" >Semntica textual</a>
<a href="http://www.w3schools.com/tags/tag_a.asp" class="tagObj" t
arget="_blank" ><code>&lt;a&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_em.asp" class="tagObj"
target="_blank" ><code>&lt;em&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_strong.asp" class="tagO
bj" target="_blank" ><code>&lt;strong&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_small.asp" class="tagOb
j" target="_blank" ><code>&lt;small&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_s.asp" class="tagObj" t
arget="_blank" ><code>&lt;s&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_cite.asp" class="tagObj
" target="_blank" ><code>&lt;cite&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_q.asp" class="tagObj" t
arget="_blank" ><code>&lt;q&gt;</code></a>

<a href="http://www.w3schools.com/tags/tag_dfn.asp" class="tagObj"


target="_blank" ><code>&lt;dfn&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_abbr.asp" class="tagObj
" target="_blank" ><code>&lt;abbr&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_data.asp" class="tagObj
isHtml5" target="_blank" ><code>&lt;data&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_time.asp" class="tagObj
isHtml5" target="_blank" ><code>&lt;time&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_code.asp" class="tagObj
" target="_blank" ><code>&lt;code&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_var.asp" class="tagObj"
target="_blank" ><code>&lt;var&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_samp.asp" class="tagObj
" target="_blank" ><code>&lt;samp&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_kbd.asp" class="tagObj"
target="_blank" ><code>&lt;kbd&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_sub.asp" class="tagObj"
target="_blank" ><code>&lt;sub&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_i.asp" class="tagObj" t
arget="_blank" ><code>&lt;i&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_b.asp" class="tagObj" t
arget="_blank" ><code>&lt;b&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_u.asp" class="tagObj" t
arget="_blank" ><code>&lt;u&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_mark.asp" class="tagObj
isHtml5" target="_blank" ><code>&lt;mark&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_ruby.asp" class="tagObj
isHtml5" target="_blank" ><code>&lt;ruby&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_rt.asp" class="tagObj i
sHtml5" target="_blank" ><code>&lt;rt&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_rp.asp" class="tagObj i
sHtml5" target="_blank" ><code>&lt;rp&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_bdi.asp" class="tagObj
isHtml5" target="_blank" ><code>&lt;bdi&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_bdo.asp" class="tagObj"
target="_blank" ><code>&lt;bdo&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_span.asp" class="tagObj
" target="_blank" ><code>&lt;span&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_br.asp" class="tagObj"
target="_blank" ><code>&lt;br&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_wbr.asp" class="tagObj
isHtml5" target="_blank" ><code>&lt;wbr&gt;</code></a>
<!-- ----------------------------- -->
<a href="https://developer.mozilla.org/pt-BR/docs/Web/HTML/HTML5/HTML5_element_l
ist#Edies" class="tagType" >Edies</a>
<a href="http://www.w3schools.com/tags/tag_ins.asp" class="tagObj"
target="_blank" ><code>&lt;ins&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_del.asp" class="tagObj"
target="_blank" ><code>&lt;del&gt;</code></a>
<!-- ----------------------------- -->
<a href="https://developer.mozilla.org/pt-BR/docs/Web/HTML/HTML5/HTML5_element_l
ist#Contedo_embutido" class="tagType" >Contedo embutido</a>
<a href="http://www.w3schools.com/tags/tag_img.asp" class="tagObj"
target="_blank" ><code>&lt;img&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_iframe.asp" class="tagO
bj" target="_blank" ><code>&lt;iframe&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_embed.asp" class="tagOb
j isHtml5" target="_blank" ><code>&lt;embed&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_object.asp" class="tagO
bj" target="_blank" ><code>&lt;object&gt;</code></a>

<a href="http://www.w3schools.com/tags/tag_param.asp" class="tagOb


j" target="_blank" ><code>&lt;param&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_video.asp" class="tagOb
j isHtml5" target="_blank" ><code>&lt;video&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_audio.asp" class="tagOb
j isHtml5" target="_blank" ><code>&lt;audio&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_source.asp" class="tagO
bj isHtml5" target="_blank" ><code>&lt;source&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_track.asp" class="tagOb
j isHtml5" target="_blank" ><code>&lt;track&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_canvas.asp" class="tagO
bj isHtml5" target="_blank" ><code>&lt;canvas&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_map.asp" class="tagObj"
target="_blank" ><code>&lt;map&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_area.asp" class="tagObj
" target="_blank" ><code>&lt;area&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_svg.asp" class="tagObj
isHtml5" target="_blank" ><code>&lt;svg&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_HTML5.asp" class="tagOb
j isHtml5" target="_blank" ><img src="/files/3843/HTML5_Badge_32.png" style="hei
ght: 16px; vertical-align: middle; width: 16px;" alt="This element has been adde
d in HTML5" title="This element has been added in HTML5"></a>
<!-- ----------------------------- -->
<a href="https://developer.mozilla.org/pt-BR/docs/Web/HTML/HTML5/HTML5_element_l
ist#Tabulao_de_dados" class="tagType" >Tabulao de dados</a>
<a href="http://www.w3schools.com/tags/tag_table.asp" class="tagOb
j" target="_blank" ><code>&lt;table&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_caption.asp" class="tag
Obj" target="_blank" ><code>&lt;caption&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_colgroup.asp" class="ta
gObj" target="_blank" ><code>&lt;colgroup&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_col.asp" class="tagObj"
target="_blank" ><code>&lt;col&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_tbody.asp" class="tagOb
j" target="_blank" ><code>&lt;tbody&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_thead.asp" class="tagOb
j" target="_blank" ><code>&lt;thead&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_tfoot.asp" class="tagOb
j" target="_blank" ><code>&lt;tfoot&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_tr.asp" class="tagObj"
target="_blank" ><code>&lt;tr&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_td.asp" class="tagObj"
target="_blank" ><code>&lt;td&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_th.asp" class="tagObj"
target="_blank" ><code>&lt;th&gt;</code></a>
<!-- ----------------------------- -->
<a href="https://developer.mozilla.org/pt-BR/docs/Web/HTML/HTML5/HTML5_element_l
ist#Formulrios" class="tagType" >Formulrios</a>
<a href="http://www.w3schools.com/tags/tag_form.asp" class="tagObj
" target="_blank" ><code>&lt;form&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_fieldset.asp" class="ta
gObj" target="_blank" ><code>&lt;fieldset&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_legend.asp" class="tagO
bj" target="_blank" ><code>&lt;legend&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_label.asp" class="tagOb
j" target="_blank" ><code>&lt;label&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_input.asp" class="tagOb
j" target="_blank" ><code>&lt;input&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_button.asp" class="tagO
bj" target="_blank" ><code>&lt;button&gt;</code></a>

<a href="http://www.w3schools.com/tags/tag_select.asp" class="tagO


bj" target="_blank" ><code>&lt;select&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_datalist.asp" class="ta
gObj isHtml5" target="_blank" ><code>&lt;datalist&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_optgroup.asp" class="ta
gObj" target="_blank" ><code>&lt;optgroup&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_option.asp" class="tagO
bj" target="_blank" ><code>&lt;option&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_textarea.asp" class="ta
gObj" target="_blank" ><code>&lt;textarea&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_keygen.asp" class="tagO
bj isHtml5" target="_blank" ><code>&lt;keygen&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_output.asp" class="tagO
bj isHtml5" target="_blank" ><code>&lt;output&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_progress.asp" class="ta
gObj isHtml5" target="_blank" ><code>&lt;progress&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_meter.asp" class="tagOb
j isHtml5" target="_blank" ><code>&lt;meter&gt;</code></a>
<!-- ----------------------------- -->
<a href="https://developer.mozilla.org/pt-BR/docs/Web/HTML/HTML5/HTML5_element_l
ist#Elementos_interativos" class="tagType" >Elementos interativos</a>
<a href="http://www.w3schools.com/tags/tag_details.asp" class="tag
Obj isHtml5" target="_blank" ><code>&lt;details&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_summary.asp" class="tag
Obj isHtml5" target="_blank" ><code>&lt;summary&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_command.asp" class="tag
Obj isHtml5" target="_blank" ><code>&lt;command&gt;</code></a>
<a href="http://www.w3schools.com/tags/tag_menu.asp" class="tagObj
isHtml5" target="_blank" ><code>&lt;menu&gt;</code></a>
<!-- ----------------------------- -->

Potrebbero piacerti anche