如何删除锚点中的文本

Question

我正在使用一个使用woo主题定义主题的wordpress博客。在特色滑块上，只有在mac机器上的safari中，每个箭头上都显示“previous”或“next”的文本。

精选滑块：http://www.woothemes.com/flexslider/

在此代码中隐藏锚文本的最佳方法是什么？我尝试了一个简单的显示：没有，但隐藏了箭头。

<div id="featured-slider">
  <ul></ul>
  <ul>
   <li>
    <a class="flex-prev" href="#">Previous</a>
  </ul>
 </div>

Answer 1

 $('.flex-prev').text('whatever');

在你的情况下，你可以将'whatever'设置为空字符串。

退房：http://api.jquery.com/text/

Answer 2

使用.text()或.html()

DEMO

$('.flex-prev').text(''); //you can also use .html('');

或使用.empty()

DEMO

$('.flex-prev').empty();

或Pure JavaScript

使用.innerHTML

DEMO

document.getElementsByClassName('flex-prev')[0].innerText = '';

或使用.textContent

DEMO

document.getElementsByClassName('flex-prev')[0].textContent = '';

以及更多

DEMO

$('.flex-prev')[0].innerHTML=''; //you can also use textContent = '';

Answer 3

从锚链接中删除文本。

$('.flex-prev').text('');

但是你可以简单地从链接中删除文本而不使用jQuery

<a class="flex-prev" href="#"></a>

Answer 4

如果您更喜欢香草JS：

<强> jsFiddle Demo

var anchors = document.getElementsByClassName('flex-prev');

for (i = 0; i < anchors.length; i++) {
    anchors[i].innerText = '';
}

如果真的只有一个，你也可以这样做：

document.getElementsByClassName('flex-prev')[0].innerText = '';

Answer 5

你也可以尝试这个

<a class="flex-prev" href="#">&nbsp;</a>