如何替換隻有DIV文本的一部分

我有以下的HTML如何替換隻有DIV文本的一部分

<h1 class="headerLogo headerLogoWith"><span class="headvendnametext">Pick</span><br> 
    <i class="headloctext">Location Name <span class="headscreentext">ScreenName</span></i></h1>

我想只更換Locationame部分和屏幕名文字，

我試過這樣

$('.headloctext').text('Mylocation'); 
    $('.headscreentext').text('myscreen');

當我運行上面的屏幕部分完全丟失

http://jsfiddle.net/d72wvjjn/2/

請告訴我如何解決問題？

來源

2015-03-13 Pawan

爲文本的第一部分添加另一個跨度。當您更新第一個文件時，您正在移除.headscreentext。 – wwwmarty 2015-03-13 20:22:30

@wwwmarty能否請您告訴我如何處理 – Pawan 2015-03-13 20:24:18

您可以使用'replace'方法。像http://jsfiddle.net/d72wvjjn/6/ – faiakism 2015-03-13 20:24:20

var headScreenText = $('.headscreentext'); 
$('.headloctext').text('Some new text ').append(headScreenText);

Demo

來源

2015-03-13 20:21:42 isherwood

感謝你，我想只在html下修改 – Pawan 2015-03-13 20:23:22

我意識到我的錯誤並更新了答案。 – isherwood 2015-03-13 20:24:08

謝謝你能請你告訴我如何解決使用跨度，我正在嘗試這種方式http://jsfiddle.net/d72wvjjn/7/ – Pawan 2015-03-13 20:28:15

HTML

<h1 class="headerLogo headerLogoWith"><span class="headvendnametext">Pick</span><br> 
<i><span class="headloctext">Location Name</span> <span class="headscreentext">ScreenName</span></i></h1>

這應該解決的問題。很簡單，是嗎？

來源

2015-03-14 15:33:49 Devon

如何替換隻有DIV文本的一部分

回答

相關問題