jquery - 如何删除锚点内的文字

Question

我正在开发一个使用 woo 主题定义主题的 wordpress 博客。在特色滑块上，仅在 Mac 机器上的 Safari 浏览器中，每个箭头上都会出现“上一个”或“下一个”的文字。

在此代码中隐藏锚文本的最佳方法是什么？我尝试了一个简单的 display:none 但隐藏了箭头。

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

score 3 · Accepted Answer

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

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

score 2 · Accepted Answer

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

或使用.empty()

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

或纯 JavaScript

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

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

和更多

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

score 1 · Accepted Answer

从锚链接中删除文本。

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

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

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

score 1 · Accepted Answer

如果你更喜欢香草 JS：

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

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

如果真的只有一个，你也可以简单地做：

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

score 0 · Accepted Answer

0

你也可以试试这个

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

于 2013-09-26T15:13:57.950 回答

5 回答 5