獲取文本中的錨標籤

我想錨文本和顯示文本內的p標籤獲取文本中的錨標籤

例如： -

<p class="post"> 
some content 
<span more-description="here is read more description">...</span> 
<a class="readmore">Read More</a> 
</p>

因此點擊後「更多」的文本。

新的源代碼將是： -

<p class="post"> 
some content 
<span class="full">here is read more description</spn> 
<span more-description="here is read more description" style="display:none;">...</span> 
<a class="readmore">Read More</a> 
</p>

來源

2015-06-07 Corlax

$(document).ready(function(){ 
$('.readmore').click(function(){ 
    var span=$('<span>'); 
    span.addClass('full').text($('[more-description]').attr('more-description')); 
    $('p').prepend(span); 
    $('[more-description]').hide() 
    }) 
})

來源

2015-06-07 06:14:50 user3227295

在普通的JavaScript：

document.querySelector(".readmore").onclick = function() { 
var span = document.createElement('span'); 
span.className = 'full'; 
span.innerHTML = 'here is read more description'; 
var post = document.querySelector('post'); 
post.insertBefore(span, post.childNodes[0]); 
post.childNodes[1].style.display = 'none'; 
}

來源

2015-06-07 07:13:52 Mustaghees

簡單的方法來做到這一點沒有其他框架：

<p class="post"> 
    some content 
<span class="full" style="display:none">here is read more description</span> 

<span more-description="here is read more description" style="display:none;">... </span> 
<a class="readmore" onclick="document.getElementsByClassName('full')[0].style.display='block';" >Read More</a> 
</p>

或display ='inline-block'

來源

2015-06-07 07:33:08 Arthur

獲取文本中的錨標籤

回答

相關問題