მეთოდი add
add მეთოდი ამატებს მითითებულ
ელემენტებს უკვე არსებულ ელემენტთა ნაკრებში.
სინტაქსი
დამატება სელექტორით:
.add(სელექტორი);
დასამატებელი ელემენტები მითითებულია ერთი ან რამდენიმე (მასივი) DOM ელემენტით:
.add(DOM ელემენტი);
დასამატებელი ელემენტები მითითებულია jQuery ობიექტით:
.add(jQuery ობიექტი);
დასამატებელი ელემენტები მითითებულია html ტექსტით:
.add(html ტექსტი);
დასამატებელი ელემენტები მოძებნილია გვერდზე მითითებული სელექტორის საშუალებით, იმ არეალში, რომელიც მითითებულია მეორე პარამეტრით. ძიების არეალი შეიძლება იყოს მითითებული DOM ელემენტით, jQuery ობიექტით ან დოკუმენტის ობიექტით:
.add(სელექტორი, კონტექსტი);
მაგალითი
მოდი ვიპოვოთ ყველა აბზაცი, დავუმატოთ ბოლოში
ტექსტი '!', შემდეგ დავუმატოთ ნაპოვნ აბზაცებს
სათაურები h2
და ერთდროულად სათაურებისთვის და აბზაცებისთვის
დავაყენოთ წითელი ფერი:
<div>ddd</div>
<h1>hhh</h1>
<p>ppp</p>
<div id="test"><h2>hhh</h2></div>
<p>ppp</p>
<h2>hhh</h2>
<p>ppp</p>
$('p').append('!').add('h2').css('color', 'red');
მაგალითი
მოდი შემოვიტანოთ ძიების კონტექსტი - დავუმატოთ
მხოლოდ ის h2, რომლებიც მდებარეობენ ელემენტის
#test შიგნით:
let $context = $('#test');
$('p').append('!').add('h2', $context).css('color', 'red');
მაგალითი
შევქმნათ ძიების კონტექსტი DOM ელემენტის სახით
JavaScript მეთოდის
querySelector
საშუალებით:
let context = document.querySelector('#test');
$('p').append('!').add('h2', context).css('color', 'red');
მაგალითი
ყველაზე ხშირად შესაძლებელია კონტექსტის გარეშე, უბრალოდ უფრო რთული სელექტორის შექმნით:
$('p').append('!').add('#test h2').css('color', 'red');
