[英]Use element text as CSS font-family
小提琴-http: //jsbin.com/emerinA/1/edit
我正在尝试使用位于.grab-typography
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)。 (我想尽可能避免这种情况)
<div class="grab-typography"><br>
<a class="grab-serif" href="javascript:void(0)" title="serif"><font face="serif">serif</font></a>
<a class="grab-sans" href="javascript:void(0)" title="sans"><font face="sans">sans</font></a>
<a class="grab-arial" href="javascript:void(0)" title="arial"><font face="arial">arial</font></a>
<a class="grab-arial-black" href="javascript:void(0)" title="arial black"><font face="arial black">arial black</font></a>
<a class="grab-courier" href="javascript:void(0)" title="courier"><font face="courier">courier</font></a>
<a class="grab-comic-sans-ms" href="javascript:void(0)" title="comic sans ms"><font face="comic sans ms">comic sans ms</font></a>
<a class="grab-helvetica" href="javascript:void(0)" title="helvetica"><font face="helvetica">helvetica</font></a>
<a class="grab-impact" href="javascript:void(0)" title="impact"><font face="impact">impact</font></a>
<a class="grab-lucida-sans" href="javascript:void(0)" title="lucida sans"><font face="lucida sans">lucida sans</font></a>
<a class="grab-tahoma" href="javascript:void(0)" title="tahoma"><font face="tahoma">tahoma</font></a>
<a class="grab-times-new-roman" href="javascript:void(0)" title="times new roman"><font face="times new roman">times new roman</font>
</a>
<a class="grab-verdana" href="javascript:void(0)" title="verdana"><font face="verdana">verdana</font></a>
</div>
我运气不太好。
任何帮助是极大的赞赏。
尝试这个:
$('.grab-typography').find('a').css('font-family', function () {
return $(this).text()
});
您可以只抓取标签之间的文本吗?
$('.grab-typography').find('a[title="' + $(this).text() + '"]').text();
这样,您不必担心添加标签
测试示例: http : //jsfiddle.net/ktTh8/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.