javascript - 如何在dom中制作一些特定值的字符串？

Question

我有以下 HTML:

<div>
  <i class="fa fa-male ">:Before</i>
  <i class="fa fa-like">:Before</i>
</div>

现在我想制作一个这样的字符串:male, like。我该怎么做？

---

console.log(/fa-([^"]+)/.exec($('div').html()));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
      <i class="fa fa-male ">:Before</i>
      <i class="fa fa-like">:Before</i>
    </div>

Answer 1

您需要在选择所有图标后循环。例如像这样:

var str = $('.fa').map(function() {
  return this.className.match(/fa-([^"]+)/)[1]
}).get()
.join(', ')
  
console.log(str)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div>
  <i class="fa fa-male">:Before</i>
  <i class="fa fa-like">:Before</i>
</div>