Javascript 在内容文本之前插入span标记
我想知道如何使用jquery在#签名内容之前插入span标记。对不起,这个问题。我对jquery还是新手Javascript 在内容文本之前插入span标记,javascript,jquery,Javascript,Jquery,我想知道如何使用jquery在#签名内容之前插入span标记。对不起,这个问题。我对jquery还是新手 <script> $(document).ready(function() { var text = $(".name a").text(); //alert(text); if (text.contains("#")) { alert("yes"); } else {
<script>
$(document).ready(function() {
var text = $(".name a").text();
//alert(text);
if (text.contains("#")) {
alert("yes");
}
else {
alert("no");
}
});
</script>
<div class="name">
<a href="">This is a link contens #104004</a>
</div>
$(文档).ready(函数(){
var text=$(“.name a”).text();
//警报(文本);
if(text.contains(“#”){
警惕(“是”);
}
否则{
警告(“否”);
}
});
输出应该是这样的
<div class="name">
<a href="">This is a link contens <span>#104004</span></a>
</div>
var text=$(“.name a”).text();
text.replace(/(\\\\[\w]*)/g,“$1”);
我不确定它是否有效,请查看。基于@Shrikanth-bubs的回答:
首先将类添加到所有要处理的链接中。我在本例中使用了类“hashcontainers”。然后,尝试以下代码:
<script>
$(document).ready(function() {
$(".hashcontainers").each(function(index){
var text = $(".name a").text();
if (text.contains("#")) {
//alert("yes");
var updatedHTMLString = text.replace(/(\#[\w]*)/g,"<span>$1</span>");
$(this).html( updatedHTMLString );
}
});//each
});
</script>
<div class="name">
<a href="" class="hashcontainers">This is a link contens #104004</a>
</div>
$(文档).ready(函数(){
$(“.hashcontainers”)。每个(函数(索引){
var text=$(“.name a”).text();
if(text.contains(“#”){
//警惕(“是”);
var updatedHTMLString=text.replace(/(\\\\\w]*)/g,“$1”);
$(this).html(updatedHTMLString);
}
});//每个
});
尝试以下示例:
$(文档).ready(函数(){
变量
textElement=$(“.name>a”),
text=textElement.text();
html(text.replace(/#[0-9]+/g,'$&');
});代码>
为什么需要$&?我看如果换掉那个标志就不行了!!如果您希望在帖子中解释。当找到匹配项时,如果您希望在替换字符串中包含匹配的文本,您可以使用$&访问它。下面介绍如何在保持匹配的同时在匹配之前添加下划线。var s=新字符串('HelloJavaScriptWorld');s、 替换(/[A-Z]/g,“$&”);
<script>
$(document).ready(function() {
$(".hashcontainers").each(function(index){
var text = $(".name a").text();
if (text.contains("#")) {
//alert("yes");
var updatedHTMLString = text.replace(/(\#[\w]*)/g,"<span>$1</span>");
$(this).html( updatedHTMLString );
}
});//each
});
</script>
<div class="name">
<a href="" class="hashcontainers">This is a link contens #104004</a>
</div>