JSFiddle - React, Tailwind, and code Playground

by Alan Tsai

HTML

<div id="label-container">
  <span id="a" class="label label-primary terminal-label"><span class="glyphicon glyphicon-remove" onclick="closeLabel(this)" id="terminal-label-close-btn"></span>a</span>
  <span id="b" class="label label-primary terminal-label"><span class="glyphicon glyphicon-remove" onclick="closeLabel(this)" id="terminal-label-close-btn"></span>b</span>
  <span id="c" class="label label-primary terminal-label"><span class="glyphicon glyphicon-remove" onclick="closeLabel(this)" id="terminal-label-close-btn"></span>c</span>
</div>

<hr />
<button id="btnGetName">
  get names
</button>

JavaScript

$(function() {
      $("#btnGetName").click(function() {
      		var nameList = [];
          $("#label-container > span").each(function() {
              nameList.push($(this).text());
              });
              alert(nameList);
          })
      })