从<a> tag and hide it without affecting another tag inside </a> <a> tag</a>获取文字

时间:2013-02-28 10:00:10

标签: jquery text each loops

有没有办法从标签中选择文字而不影响任何其他标签。例如 - 这里是场景 - 主页 - 当页面加载时我想隐藏链接中的文本,即'HOME',但我希望图标仍然可见并且可点击,所以有没有办法用jQuery做到这一点 我试过这个 -

$('ul#nav li').each(function(i){
var a = $(this).find('a').text();
});

我正在获取每个文本,如何隐藏该文本....

这里更具体的是我使用的确切代码 -           家      我想只隐藏文字,即'HOME',我想在跨度中保持图标,这是我的isse

3 个答案:

答案 0 :(得分:0)

使用有用的.wrap() jQuery方法。

$('ul#nav li').each(function(i){
  var a = $(this).find('a').wrap('<span style="display:none;" />');
});

.wrapInner()也可以。

<script type="text/javascript">

    $(function()
    {
        $('ul#nav li').each(function(i){
            var a = $(this).find('a').wrapInner('<span style="display:none;" />');
        });
    });

</script>

<ul id="nav">
    <li><a href="">asd</a></li>
    <li><a href="">12312</a></li>
    <li><a href="">asdas</a></li>
    <li><a href="">123123123</a></li>
    <li><a href="">asdda56s4da56s4</a></li>
</ul>

答案 1 :(得分:0)

将以下内容应用于锚标记的css。

text-indent: -9999px;

答案 2 :(得分:0)

为锚点提供透明色。这将隐藏文字。

color:transparent

如果!important在第一时间不起作用,您也可以使用syntax error near unexpected token `total_lines=$(wc -l < $extracted_log_path_value)'