Javascript 在内容文本之前插入span标记

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 {

我想知道如何使用jquery在#签名内容之前插入span标记。对不起,这个问题。我对jquery还是新手

<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>