Javascript 将元素文本用作CSS字体族

小提琴-

我试图使用

中的锚文本。抓取排版

div并将其用作单个锚的css字体系列

JQuery/Javascript：

$('.grab-typography').find('a').css('font-family', $(this).text());

这是html

<div class="grab-typography"><br>
  <a class="grab-serif" href="javascript:void(0)">serif</a>
  <a class="grab-sans" href="javascript:void(0)">sans</a>
  <a class="grab-arial" href="javascript:void(0)">arial</a>
  <a class="grab-arial-black" href="javascript:void(0)">arial black</a>
  <a class="grab-courier" href="javascript:void(0)">courier</a>
  <a class="grab-comic-sans-ms" href="javascript:void(0)">comic sans ms</a>
  <a class="grab-helvetica" href="javascript:void(0)">helvetica</a>
  <a class="grab-impact" href="javascript:void(0)">impact</a>
  <a class="grab-lucida-sans" href="javascript:void(0)">lucida sans</a>
  <a class="grab-tahoma" href="javascript:void(0)">tahoma</a>
  <a class="grab-times-new-roman" href="javascript:void(0)">times new roman
  </a>
  <a class="grab-verdana" href="javascript:void(0)">verdana</a>
</div>

如果我将字体面html添加到html中，则返回html。（我希望尽可能避免这种情况）

我运气不太好

非常感谢您的帮助。

尝试以下方法：

$('.grab-typography').find('a').css('font-family', function () {
    return $(this).text()
});

---

你能抓住标签之间的文本吗

$('.grab-typography').find('a[title="' + $(this).text() + '"]').text();

这样，您就不必担心添加标签了

---

测试示例：

您对此进行了测试吗？这与使用文本作为css字体系列的元素无关。您的演示正在寻找一个标题，它也不在html中。谢谢，我没有考虑返回。

$('.grab-typography').find('a[title="' + $(this).text() + '"]').text();