jQuery-de häzirki topluma elementleri goşmak

Käwagt ýagdaýlar bolýar, bizde eýýäm metodlar topary bar, birnäçe amallary ýerine ýetirip, soňra bu toparyna ýene-de elementler goşup we bu umumy topar üçin ýene-de käbir amallary ýerine ýetirmek islesek. Bu amal add metody ýardamy bilen ýerine ýetirilýär.

Mysal üçin, aşakdaky HTML kody alyň:

html<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>

Geliň, ähli abzaslary tapalyň, olaryň ahyryna '!' teksti goşalyň, soňra tapylan abzaslara h2 salawatlyklaryny goşalyň, ýöne diňe #test elementiniň içinde ýerleşýänleri, we bir wagtyň özünde saýlanylan salawatlyklar we abzazlar üçin gyzyl reňk belläýäliň:

javascript$('p').append('!').add('#test h2').css('color', 'red');