如何隱藏/刪除兩個元素之間的所有文本？

可以說，我有這個疙瘩HTML的：如何隱藏/刪除兩個元素之間的所有文本？

<div class="container"> 
<span class="title">Heading 1</span> 
This is a description..<br /> 
This is the second line.. 
<div class="image"><img src="image.jpg" /></div> 
</div>

我想使用jQuery/JavaScript來要做的就是隱藏/刪除<span class="title">和<div class="image">之間的所有文字和元素。

我已經找遍了，幾乎找不到任何東西。任何想法，我怎麼能做到這一點？

來源

2011-11-03 Ricki

這將是一個容易得多，如果要刪除的文字被包含在HTML標籤... – Widor

@Widor我有我不得不爲了添加標籤編輯一個相當大的數據庫。我同意。 – Ricki

這樣的事情呢？ http://jsfiddle.net/ZW8q2/1

var foo = $('.container').children(':not(br)'); 
$('.container').html('').html(foo);

來源

2011-11-03 21:17:01 mrtsherman

這太好了。究竟需要什麼，但是，它並沒有隱藏換行符，關於什麼是這種方式的任何想法？ – Ricki

更新了我的答案 - http://jsfiddle.net/ZW8q2/1/ - 您可以添加標籤，你想通過逗號分隔他們在：不選擇 – mrtsherman

完美！感謝您的教訓。 – Ricki

你可以嘗試：

var str = $('.container .title').text() + $('.container .image').html(); 
$('.container').html(str);

JS Fiddle。

來源

2011-11-03 21:11:06

如果**'.container .image'或**'.container .title'之前會有其他元素**，則這將不起作用。 – ComFreek

-1

試試這個：

周圍放置你想隱藏什麼標籤，給div的ID名稱。那麼，到底你會看起來像：

<div id = "hideMe" style ="display:block">...Your Content...</div>

使用此javascript：

function hide() 
    { 
    document.getElementById('hideMe').style.display = "none"; 
    return; 
    }

有調用的JavaScript函數，每當你想從一個按鈕（或其他控件）隱藏在div的東西像這樣：

<input type= "submit" onclick ="hide()">

來源

2011-11-03 21:16:45 BOMEz

如何隱藏/刪除兩個元素之間的所有文本？

回答

相關問題