Chọn liên kết bằng văn bản (đối sánh chính xác)

Sử dụng jQuery, tôi muốn chọn một liên kết chứa chính xác một số loại văn bản. Ví dụ:

<p><a>This One</a></p>
<p><a>"This One?"</a></p>
<p><a>Unlikely</a></p>

Tôi đã thử điều này:

$('a:contains("This One")')

Nhưng nó chọn liên kết đầu tiên VÀ liên kết thứ hai. Tôi chỉ muốn liên kết đầu tiên, chứa chính xác "This One". Làm thế nào tôi có thể làm điều đó?

Bạn có thể làm được việc này:

$('a').filter(function(index) { return $(this).text() === "This One"; });

Tham khảo: http://api.jquery.com/filter/

Một đồng nghiệp của tôi đã mở rộng jQuery với một chức năng để làm điều này:

$.expr[':'].textEquals = function(a, i, m) {
    return $(a).text().match("^" + m[3] + "$");
};

Kết quả là bạn có thể chọn một cái gì đó bằng văn bản chính xác theo cách này:

$("label:textEquals('Exact Text to Match')");

Điều này làm cho nó dễ dàng, vì bạn không phải nhớ cú pháp chính xác mỗi lần. Toàn bộ bài đăng của anh ấy ở đây: jQuery Custom Selector để chọn các phần tử theo văn bản chính xác: textEquals

Để mở rộng câu trả lời của FishBasketGordo. Nếu bạn đang cố gắng thực hiện lựa chọn trên một lượng lớn phần tử, :contains()trước tiên hãy sử dụng để thu hẹp và sau đó áp dụng bộ lọc.

Điều này sẽ cải thiện tốc độ tổng thể:

$('a:contains("This One")').filter(function(index)
{
    return $(this).text() === "This One";
});

đã phải sửa đổi giải pháp của Nariman thành:

$.expr[':'].textEquals = function(a, i, m) {
    var match = $(a).text().match("^" + m[3] + "$")
    return match && match.length > 0;                                                                                                                                                                                                                                            
}

Nếu không, không hoạt động trên chrome (Linux)

Tôi đã sử dụng tiện ích mở rộng

$.expr[':'].textEquals

Nhưng tôi nhận thấy rằng việc triển khai không còn hoạt động với jQuery 1.7 (dường như là một thay đổi trong Sizzla.filter). Sau một thời gian đấu tranh để làm cho nó hoạt động, tôi đã viết một plugin jQuery để hoàn thành điều tương tự.

$.fn.textEquals = function (text) {
    var match = false;
    $(this).each(function () {
        if ($(this).text().match("^" + escapeRegex(text) + "$")) {
            match = true;
            return false;
        }
    });
    return match;
};

Sử dụng:

$(".ui-autocomplete li").textEquals('Exact Text to Match');

Chỉ muốn chia sẻ, trong trường hợp ai đó gặp phải vấn đề này (,

Vì vậy, câu trả lời của Narnian hoạt động khá tốt. Tuy nhiên, khi sử dụng nó trong tự nhiên, tôi đã gặp phải một số vấn đề, nơi mà những thứ mà tôi mong đợi sẽ không được tìm thấy. Điều này là do đôi khi có khoảng trắng ngẫu nhiên xung quanh văn bản của phần tử. Tôi tin rằng nếu bạn đang tìm kiếm "Hello World", bạn vẫn muốn nó khớp với "Hello World" hoặc thậm chí là "Hello World \ n". Do đó, tôi vừa thêm phương thức "trim ()" vào hàm, phương thức này sẽ loại bỏ các khoảng trắng xung quanh và nó bắt đầu hoạt động tốt hơn. Ngoài ra, tôi đã sửa đổi tên biến để tâm trí của tôi rõ ràng hơn một chút.

Đặc biệt...

$.expr[':'].textEquals = function(el, i, m) {
    var searchText = m[3];
    var match = $(el).text().trim().match("^" + searchText + "$")
    return match && match.length > 0;
}

Và lưu ý phụ ... trim chỉ xóa khoảng trắng trước và sau văn bản được tìm kiếm. Nó không loại bỏ khoảng trắng ở giữa các từ. Tôi tin rằng đây là hành vi mong muốn, nhưng bạn có thể thay đổi điều đó nếu bạn muốn.

$('a:contains("This One")')[0];

Tôi cảm thấy như mình đang thiếu thứ gì đó dựa trên câu trả lời của mọi người khác để lọc nhưng tại sao không chỉ chọn mục đầu tiên trong mảng các phần tử được trả về bởi 'chứa'?

Điều này hoạt động, chỉ khi bạn biết rằng liên kết đầu tiên có kết quả chính xác mà bạn đang tìm kiếm. Các câu trả lời khác hoạt động tốt hơn, nếu bạn không chắc chắn các liên kết sẽ theo thứ tự nào.

Cách lấy giá trị đã chọn từ drop-dwon:

$.fn.textEquals = function (text) {
    var match = false; 
    var values="";
    $(this).each(function () {
        if ($(this).text().match("^" + text + "$")) {
            values=$(this).val();
            match = true;
            return false;
        }
    });
    return values;
};

console.log($("option").textEquals("Option One")); - nó sẽ trả về giá trị của trình đơn thả xuống

var link = $('a').filter(function(index) { return $(this).text() === "Availability"; });
 $(link).hide();
        $(link).removeAttr('href');

Xin lỗi, nếu điều này hoàn toàn khớp với câu trả lời của bất kỳ ai ở trên,

   $.fn.equalsText = function (text, isCaseSensitive) {
      return $(this).filter(function () {
         if (isCaseSensitive) {
            return $(this).text() === text
         } else {
            return $(this).text().toLowerCase() === text.toLowerCase()
         }
      })
   }

Đây là một số đầu ra trong bảng điều khiển trang kết quả tìm kiếm Linkedin.

$("li").equalsText("Next >", false)
[<li class=​"next">​…​</li>​] // Output

$("li").equalsText("next >", false)
[<li class=​"next">​…​</li>​] // Output

$("li").equalsText("Next >", true)
[<li class=​"next">​…​</li>​] // Output

$("li").equalsText("next >", true)
[] // Output

Nó cũng có hỗ trợ phân biệt chữ hoa chữ thường và không sử dụng :contains()

Chỉnh sửa (ngày 22 tháng 5 năm 2017): -

   $.fn.equalsText = function (textOrRegex, isCaseSensitive) {
      return $(this).filter(function () {
         var val = $(this).text() || this.nodeValue
         if (textOrRegex instanceof RegExp) {
            return textOrRegex.test(val)
         } else if (isCaseSensitive) {
            return val === textOrRegex
         } else {
            return val.toLowerCase() === textOrRegex.toLowerCase()
         }
      })
   }