实现一个javascript函数在div中搜索，为搜索获取textrange

如何获取textrange来搜索div（或表单）？是否已经有可用的脚本或用于搜索div文本的jquery函数

我使用以下代码将表单附加到div：

    $('#'+card_id).append('<form id="frm_search" name="frm_search" class="editableToolbar frm_search_links"> <input type="text" placeholder="Type a string..." name="linkcard_search_string" class="txt_form"> <a href="#" title="Search" class="ico_search btn_form" onClick="search_links(\''+card_id+'\', this.form); "></a> <a href="#" title="Close" class="ico_delete btn_form" onClick="close_search(\''+card_id+'\', this.form); "></a> </form>');

---

我的具体问题是问题开头的问题：如何为div指定文本范围？我的语法正确吗？是否有脚本已经执行了我想要的操作，即搜索特定div的内容？

使用：contains进行搜索。没有一次完成一场比赛。突出显示所有匹配项

// Open search
function open_search(card_id) {

    $('#'+card_id).append('<form id="frm_search" name="frm_search" class="editableToolbar frm_search_links"> <input type="text" placeholder="Type a string..." name="linkcard_search_string" class="txt_form" onclick="clear_search(\''+card_id+'\', this.form);"> <a href="#" title="Search" class="ico_search btn_form" onClick="search_links(\''+card_id+'\', this.form); "></a> <a href="#" title="Close" class="ico_delete btn_form" onClick="close_search(\''+card_id+'\', this.form); "></a> </form>');

    var frm_elements = frm_search_link.elements;
    for(i=0; i<frm_elements.length; i++) {
        field_type = frm_elements[i].type.toLowerCase();
        switch (field_type)
        {
            case "text":
                frm_elements[i].value = ""; 
                break;

            default:
                break;
        }
    }

}

// Close search
function close_search(card_id, form) {
    $('form.frm_search_links', $('#'+card_id)).remove();
    var card_select = '#'+card_id;
    $('.link',$(card_select)).removeClass('search_results');        
}

// Search links
function search_links (card_id, form) {
    var search_str = document.frm_search.linkcard_search_string.value;
    var search_select = '.link:contains('+search_str+')';
    var card_select = '#'+card_id;
    var result = $(search_select,$(card_select)).addClass('search_results');
    if (result.length == 0 || result.length == null) document.frm_search.linkcard_search_string.value = 'Not found.';
}

// Clear search
function clear_search (card_id, form) {
    document.frm_search.linkcard_search_string.value = '';
    var card_select = '#'+card_id;
    $('.link',$(card_select)).removeClass('search_results');        
}

//打开搜索
功能打开搜索（卡片id）{
$（“#”+卡id）。附加（“”）；
var frm_elements=frm_search_link.elements；
对于（i=0；i@NimChimpsky有没有办法告诉你
.contains（）
单击按钮，在div内容中进一步查找字符串。这将形成完整的搜索功能。还有：OK。由于这将返回找到匹配项的位置，因此我将在其周围编写代码，通过排除字符串开头来搜索下一个匹配项。谢谢。
// Open search
function open_search(card_id) {

    $('#'+card_id).append('<form id="frm_search" name="frm_search" class="editableToolbar frm_search_links"> <input type="text" placeholder="Type a string..." name="linkcard_search_string" class="txt_form" onclick="clear_search(\''+card_id+'\', this.form);"> <a href="#" title="Search" class="ico_search btn_form" onClick="search_links(\''+card_id+'\', this.form); "></a> <a href="#" title="Close" class="ico_delete btn_form" onClick="close_search(\''+card_id+'\', this.form); "></a> </form>');

    var frm_elements = frm_search_link.elements;
    for(i=0; i<frm_elements.length; i++) {
        field_type = frm_elements[i].type.toLowerCase();
        switch (field_type)
        {
            case "text":
                frm_elements[i].value = ""; 
                break;

            default:
                break;
        }
    }

}

// Close search
function close_search(card_id, form) {
    $('form.frm_search_links', $('#'+card_id)).remove();
    var card_select = '#'+card_id;
    $('.link',$(card_select)).removeClass('search_results');        
}

// Search links
function search_links (card_id, form) {
    var search_str = document.frm_search.linkcard_search_string.value;
    var search_select = '.link:contains('+search_str+')';
    var card_select = '#'+card_id;
    var result = $(search_select,$(card_select)).addClass('search_results');
    if (result.length == 0 || result.length == null) document.frm_search.linkcard_search_string.value = 'Not found.';
}

// Clear search
function clear_search (card_id, form) {
    document.frm_search.linkcard_search_string.value = '';
    var card_select = '#'+card_id;
    $('.link',$(card_select)).removeClass('search_results');        
}