Bộ chọn jQuery mô phỏng: bắt đầu bằng hoặc: kết thúc tìm kiếm văn bản?

Question

Nếu bạn nhìn vào selectors list trên trang web jQuery, có các bộ chọn cho các thuộc tính bắt đầu bằng và kết thúc bằng thuộc tính. Ngoài ra còn có một bộ chọn :contains để tìm kiếm văn bản:

alert($("div").find("span:contains(text)").html()); 

jQuery có triển khai tìm kiếm các chuỗi bằng cách bắt đầu bằng hoặc kết thúc không?

FYI: Tôi cần phải tìm kiếm thông qua đối tượng XML.

Answer 1

Không theo mặc định theo như tôi biết, nhưng bạn có thể thêm bộ chọn giả của riêng mình qua $.expr[":"]: http://jsfiddle.net/h6KYk/.

$.extend($.expr[":"], { 
    "starts-with": function(elem, i, data, set) { 
     var text = $.trim($(elem).text()), 
      term = data[3]; 

     // first index is 0 
     return text.indexOf(term) === 0; 
    }, 

    "ends-with": function(elem, i, data, set) { 
     var text = $.trim($(elem).text()), 
      term = data[3]; 

     // last index is last possible 
     return text.lastIndexOf(term) === text.length - term.length; 
    } 
}); 

Answer 2

Khi bạn không muốn mở rộng jQuery, bạn có thể sử dụng filter() chức năng để tạo ra các chức năng chứa:

$("div").find("span").filter(function() { 
    return $(this).text().indexOf(text) >= 0; 
}); 

Hoặc tạo một hàm startsWith với một biểu thức chính quy:

var expression = new RegExp('^' + text); 
$("div").find("span").filter(function() { 
    return expression.test($.trim($(this).text())); 
}); 

Hàm endsWith khá giống:

var expression = new RegExp(text + '$'); 
$("div").find("span").filter(function() { 
    return expression.test($.trim($(this).text())); 
}); 

Lưu ý việc sử dụng $.trim() vì HTML có thể chứa nhiều khoảng trắng.