获取文本内锚标记
Get Text Inside Anchor tag
我想在锚文本中获取文本并在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>
$(document).ready(function(){
$('.readmore').click(function(){
var span=$('<span>');
span.addClass('full').text($('[more-description]').attr('more-description'));
$('p').prepend(span);
$('[more-description]').hide()
})
})
在纯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';
}
无需其他框架的简单方法:
<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>
or display='inline-block'
相关文章:
- 使用 jQuery 从选择标签中抓取文本
- 使用 casperjs 抓取文本节点的最快方法
- 如何分析 XML 文件和抓取文本值
- 从 URL 中抓取文本和媒体
- 突出显示:在向下钻取之前获取事件
- 使用格式化文本获取 DIV 或跨度的动态宽度高度
- 通过搜索 td 文本获取嵌套表 ID
- 将 HTML 元素的文本获取到数组中
- 如何从响应文本获取 JSON 字符串到 JavaScript 中
- 试图从X射线抓取中获取信息
- 如何根据选项文本获取选项索引
- 如何从URL中抓取文本并放置在JS数组中
- JS从文本框中抓取文本,传递给asp.net mvc ActionResult,但ActionResult参数显示为nu
- 通过其文本获取dom节点
- 如何在事件onclick中抓取文本
- 如何通过锚文本获取对象
- 在Javascript/JQuery中从超链接文本获取Href
- 在github和eclipse中,导入、推送、拉取和获取意味着什么
- 如何将函数中的文本获取到此通知警报中
- 如何从文本src抓取文本