jquery - タグからテキストを取得し、タグ内の別のタグに影響を与えずに非表示にします

Answer 1

アンカータグのcssに以下を適用します。

text-indent: -9999px;

Answer 2

.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>