14/08/2018, 09:46

Multiple Attribute Selector [name=”value”][name2=”value2″] trong jquery

Multiple Attribute Selector sẽ tìm kiếm các phần tử có chứa tất cả các thuộc tính và giá trị được cung cấp. Nói cách khác, một phần tử sẽ được lựa chọn khi nó có đủ các thuộc tính và giá trị thuộc tính yêu cầu. Cú pháp Cú pháp jQuery( ...

Multiple Attribute Selector sẽ tìm kiếm các phần tử có chứa tất cả các thuộc tính và giá trị được cung cấp. Nói cách khác, một phần tử sẽ được lựa chọn khi nó có đủ các thuộc tính và giá trị thuộc tính yêu cầu.

Cú pháp

Cú pháp
jQuery( "[attributeFilter1][attributeFilter2][attributeFilterN]" )

Trong đó:

  • attributeFilter1, attributeFilter2attributeFilterN là các atrribute selector. chúng nên được kết hợp sao cho kết quả tìm được phù hợp với yếu cầu của người sử dụng.

Ví dụ

Tìm kiếm thẻ có chỉ thuộc tính id bất kì và có class bắt đầu bằng "freetut":

Code RUN
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Học lập trình miễn phí tại code24h.com</title>
        <script src="https://code24h.com/cnd/js/jquery/jquery-3.2.1.min.js"></script>
    </head>
    <body>
        <h1>Học lập trình miễn phí tại code24h.com</h1>
    
        <p id="p1" name="abcd">Đây là thẻ p có id và name = abcd</p>
        <br>
        <p name="freetut">Đây là thẻ p có name = freetut</p>
        <br>
        <p id="p2" name="freetut-net">Đây là thẻ p có id và class bắt đầu bằng freetut</p>
        <br>
        <p name="code24h.com"></p>
        <button onclick="myFunction()">Click vào đây để xem kết quả</button>
        <script>
            function myFunction(){
                $( "p[id][name^='freetut']" ).css( "color", "red");
            }
        </script>
    </body>
</html>

Kết quả:

Tham khảo: jquery.com

Các loại api khác

  • jQuery Selector
  • jQuery Events

Nguồn: code24h.com

0