სელექტორი contains

სელექტორი :contains ირჩევს ელემენტებს, რომლებიც შეიცავენ მოცემულ ტექსტს.

სინტაქსი

ასე ვირჩევთ ელემენტებს მოცემული ტექსტის მიხედვით. ტექსტი შეიძლება იყოს ბრჭყალებში ან მათ გარეშე. ასევე ეს პარამეტრი მგრძნობიარეა რეგისტრის მიმართ:

javascript$(':contains(ტექსტი)');

მაგალითი

მოდით ავირჩიოთ აბზაცი ტექსტით bbb, და მივუმატოთ მის ბოლოში ტექსტი '!!!':

html<p>aaa</p>
<p>bbb</p>
<p>ccc</p>
javascript$('p:contains("bbb")').append('!!!');

HTML კოდი ასე გამოიყურება:

html<p>aaa</p>
<p>bbb!!!</p>
<p>ccc</p>

იხილეთ აგრეთვე

  • მეთოდი find,
    რომელიც ეძებს ელემენტებს უკვე ნაპოვნების შიგნით
  • მეთოდი text,
    რომელიც იღებს და ცვლის ელემენტის ტექსტს
  • მეთოდი contents,
    რომელიც საშუალებას აძლევს მიიღო ელემენტის შთამომავლები და ტექსტი ამ ელემენტის შიგნით