![](/img/trans.png)
[英]how to use jquery onClick function on element inside a div which were previously appended from jquery
[英]How to use js/jquery to search text appended previously
我有一个页面,该页面从非现场资源中提取信息,并将信息附加到页面上。 这是大量数据,需要花费几分钟才能收集并附加所有数据。
我使用ajax提取数据,并使用jQuery的.append()发布到我的页面。 然后,我有了另一个可以触发的函数,该函数接受一个搜索词,并在正文中查找匹配的单词并计算总匹配项。
我意识到我在DOM之外搜索数据的方法存在根本上的错误,但是我愿意接受其他选择。
我的搜索功能如下所示:
function qtySearch(){
var term = $('.qtySearch').val();
var termRegex = new RegExp ("\\b" + term + "\\b", "gi");
var matchRez = $(document.body).text ().match (termRegex);
var termCount = matchRez ? matchRez.length : 0;
var countReport = "";
switch (termCount) {
case 0:
countReport = '"'+term+'" was not found!'
break;
case 1:
countReport = '"'+term+'" was found one time.'
break;
default:
countReport = '"'+term+'" was found ' + termCount + ' times.'
break;
}
$("#searchResults").text(countReport);
}
详细地说,上面的代码确实可以搜索页面加载中已经显示的所有元素。 但是,它无法匹配页面加载后通过.append()绘制的任何术语。
Karl-AndréGagnon,谢谢! 有时我看不到森林的树木。 过去添加附件后,我在访问信息时遇到了问题,并认为这几乎是相同的。
实际上,我设置文本格式的方式禁止我在正则表达式的两边都不要使用换行符来识别整个单词。 如果单词是first或last,则根本不会返回它。 最终,我不确定附件是否阻止它拾起胡萝卜,或者仅仅是我搜索页面文本的事实,但是在调整了正则表达式后,它现在可以工作了。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.