隱藏內容而不隱藏子類

我使用產生以下HTML隱藏內容而不隱藏子類

<li role="tab" class="first current" aria-disabled="false" aria-selected="true"> 
    <a id="form-3-t-0" href="#form-3-h-0" aria-controls="form-3-p-0"> 
      <span class="current-info audible">current step: </span> 
      <span class="number">1.</span> 
      Text I want to hide 
    </a> 
</li>

我想簡單地顯示的步數時，該設備比768px小的形式嚮導插件。

問題是，我不知道如何隱藏/刪除「我想隱藏的文本」，因爲它不屬於我可以直接定位的元素。

任何人都可以幫助我隱藏文字而不隱藏class="number"在同一時間嗎？我的嘗試不起作用。即使我不告訴它，它也隱藏了數字類。

if($(window).width() <= 1024) {  
     $('.steps a:not(".number")').text(''); 
}

來源

2014-07-19 Markus Proctor

刪除文本，請嘗試：

$("#form-3-t-0").contents() 
    .filter(function() { 
    return this.nodeType == 3; 
}).remove();

演示:: jsFiddle

來源

2014-07-19 14:13:16

工作！謝謝:) –

不客氣... :) –

@MarkusProctor你可以標記爲接受的答案，如果它爲你工作.. :) –

if($(window).width() <= 1024) {  
     var toBeAdded=$('.number'); 
     toBeAdded.appendTo($('.steps').text('')); 
}

來源

2014-07-19 14:13:08

也許增加一點點文字來解釋這裏發生了什麼？ – rene

試試這個：

var $form = $('#form-3-t-0'), 
$number = $('a').find('span.number'); 

    $form.html(''); 
    $form.append($number);

這將創建一個變量，它會記住你想保留，刪除ev並將數字返回到合適的位置。

http://codepen.io/anon/pen/bkanq

來源

2014-07-19 14:44:58

隱藏內容而不隱藏子類

回答

相關問題