![](/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.