Javascript jQuery正则表达式Hastag Replace
这是我用来突出显示div中的hashtag的代码Javascript jQuery正则表达式Hastag Replace,javascript,jquery,ajax,angularjs,hashtag,Javascript,Jquery,Ajax,Angularjs,Hashtag,这是我用来突出显示div中的hashtag的代码 <script> $(document).ready(function (){ $('.hash').each(function() { $(this).html($(this).text() .replace(/#[a-z0-1A-Z]+/g, '<span style="color: red;">$&</span>')); });
<script>
$(document).ready(function (){
$('.hash').each(function() {
$(this).html($(this).text()
.replace(/#[a-z0-1A-Z]+/g, '<span style="color: red;">$&</span>'));
});
})
</script>
这是我使用ajax jquery循环所有帖子的代码:
function update() {
$.ajax({
type: "POST",
url: '{{ path('getData') }}',
data: {},
dataType: 'json',
success: function(response) {
var posts = "";
$.each(response, function(index, value) {
posts += '<a class="list-group-item">' +
'<h3 class="list-group-item-heading"><b>' + value.name + '</b></h3>' +
'<p class="hash list-group-item-text">' + value.content + '</p>' +
'<div style="text-align: right" >' + value.date + '</div></a>';
});
$('#posts').html(posts);
},
error: function() {
}
}).success(function() {
setTimeout(function() {
update();
}, 2000);
});
}
;
现在我要做的是用hashtags突出显示所有具有“hash”类的itemstext。但我的问题是,在循环的div中带有hashtag的项不会高亮显示,但是对于另一个普通div,它工作得很好。ajax和angular运行良好,但用于突出显示hashtag的脚本在jquery和angular循环中无法正常工作。我也在angular项目中尝试过,我的代码如下所示:
<div class="list-group">
<div ng-repeat="post in userPost" >
<a class="list-group-item">
<h3 class="list-group-item-heading"><b>{{post.name}}</b></h3>
<p class="hash">{{post.content}}</p>
<div style="text-align: right" >{{post.date}}</div>
</a>
</div>
</div>
这是一样的。我非常感谢您为帮助我解决这个问题所做的努力。您能更具体地说明什么不起作用吗?我复制粘贴了你的代码,它正在工作,那么你又有什么问题?你所说的jquery内部的类是什么意思?我已经编辑了我的问题。看这里:它正在工作。我遗漏了什么吗?你什么时候运行update,什么时候运行.each?