如何在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>