jQuery مرور - برادران
- ਪਿੱਛਲਾ ਪੰਨਾ jQuery ਪਿੱਛਲੇ ਵਾਲੇ
- ਅਗਲਾ ਪੰਨਾ jQuery ਫਿਲਟਰ
ਸਾਥੀ ਇਲੈਕਟਰਨ ਇੱਕ ਹੀ ਮਾਂ ਇਲੈਕਟਰਨ ਨੂੰ ਰੱਖਦੇ ਹਨ。
jQuery ਰਾਹੀਂ, ਤੁਸੀਂ DOM ਟ੍ਰੀ ਵਿੱਚ ਇਲੈਕਟਰਨ ਦੇ ਸਾਥੀ ਇਲੈਕਟਰਨਾਂ ਨੂੰ ਪਰਿਭਾਸ਼ਾ ਕਰ ਸਕਦੇ ਹੋ
DOM ਟ੍ਰੀ ਵਿੱਚ ਆਡਿੱਸ਼ਨਲ ਪਰਿਭਾਸ਼ਾ
ਕਈ ਉਪਯੋਗੀ ਮੈਥਡ ਹਨ ਜੋ ਸਾਡੇ ਵੱਲੋਂ DOM ਟ੍ਰੀ ਵਿੱਚ ਆਡਿੱਸ਼ਨਲ ਪਰਿਭਾਸ਼ਾ ਕਰਨ ਲਈ ਮੁਹੱਈਆ ਹਨ:
- siblings()
- next()
- nextAll()
- nextUntil()
- prev()
- prevAll()
- prevUntil()
jQuery siblings() ਮੈਥਡ
siblings() ਮੈਥਡ ਚੁਣੇ ਹੋਏ ਇਲੈਕਟਰਨ ਦੇ ਸਾਰੇ ਸਾਥੀ ਇਲੈਕਟਰਨਾਂ ਨੂੰ ਵਾਪਸ ਦਿੰਦਾ ਹੈ。
ਹੇਠ ਦਾ ਉਦਾਹਰਣ <h2> ਦੇ ਸਾਰੇ ਸਾਥੀ ਇਲੈਕਟਰਨਾਂ ਨੂੰ ਵਾਪਸ ਦਿੰਦਾ ਹੈ:
ਉਦਾਹਰਣ
$(document).ready(function(){
$("h2").siblings();
});
ਤੁਸੀਂ ਵੀ ਵਿਕਲਪਿਤ ਪੈਰਾਮੀਟਰ ਦੀ ਮਦਦ ਨਾਲ ਸਾਥੀ ਇਲੈਕਟਰਨਾਂ ਦੀ ਖੋਜ ਫਿਲਟਰ ਕਰ ਸਕਦੇ ਹੋ
ਹੇਠ ਦਾ ਉਦਾਹਰਣ <h2> ਦੇ ਸਾਰੇ ਸਾਥੀ ਇਲੈਕਟਰਨਾਂ ਦੇ ਸਾਰੇ <p> ਇਲੈਕਟਰਨਾਂ ਨੂੰ ਵਾਪਸ ਦਿੰਦਾ ਹੈ:
ਉਦਾਹਰਣ
$(document).ready(function(){
$("h2").siblings("p");
});
jQuery next() ਮੈਥਡ
next() ਮੈਥਡ ਚੁਣੇ ਹੋਏ ਇਲੈਕਟਰਨ ਦੇ ਅਗਲੇ ਸਾਥੀ ਇਲੈਕਟਰਨ ਨੂੰ ਵਾਪਸ ਦਿੰਦਾ ਹੈ。
ਇਹ ਮੈਥਡ ਸਿਰਫ ਇੱਕ ਇਲੈਕਟਰਨ ਨੂੰ ਵਾਪਸ ਦਿੰਦਾ ਹੈ。
ਹੇਠ ਦਾ ਉਦਾਹਰਣ <h2> ਦੇ ਅਗਲੇ ਸਾਥੀ ਇਲੈਕਟਰਨ ਨੂੰ ਵਾਪਸ ਦਿੰਦਾ ਹੈ:
ਉਦਾਹਰਣ
$(document).ready(function(){
$("h2").next();
});
jQuery nextAll() ਮੈਥਡ
nextAll() ਮੈਥਡ ਚੁਣੇ ਹੋਏ ਇਲੈਕਟਰਨ ਦੇ ਸਾਰੇ ਅਗਲੇ ਸਾਥੀ ਇਲੈਕਟਰਨਾਂ ਨੂੰ ਵਾਪਸ ਦਿੰਦਾ ਹੈ。
ਹੇਠ ਦਾ ਉਦਾਹਰਣ <h2> ਦੇ ਸਾਰੇ ਅਗਲੇ ਸਾਥੀ ਇਲੈਕਟਰਨਾਂ ਨੂੰ ਵਾਪਸ ਦਿੰਦਾ ਹੈ:
ਉਦਾਹਰਣ
$(document).ready(function(){
$("h2").nextAll();
});
jQuery nextUntil() ਮੈਥਡ
nextUntil() ਮੈਥਡ ਦੋ ਦਿਸ਼ਾ ਵਾਲੇ ਪੈਰਾਮੀਟਰਾਂ ਦਰਮਿਆਨ ਸਾਰੇ ਅਗਲੇ ਸਾਥੀ ਇਲੈਕਟਰਨਾਂ ਨੂੰ ਵਾਪਸ ਦਿੰਦਾ ਹੈ。
ਹੇਠ ਦਾ ਉਦਾਹਰਣ <h2> ਅਤੇ <h6> ਇਲੈਕਟਰਨ ਦਰਮਿਆਨ ਸਾਰੇ ਸਾਥੀ ਇਲੈਕਟਰਨਾਂ ਨੂੰ ਵਾਪਸ ਦਿੰਦਾ ਹੈ:
ਉਦਾਹਰਣ
$(document).ready(function(){
$("h2").nextUntil("h6");
});
jQuery prev(), prevAll() & prevUntil() ਮੈਥਡ
prev(), prevAll() ਅਤੇ prevUntil() ਮੈਥਡ ਉੱਪਰੋਕਤ ਮੈਥਡ ਦੇ ਕੰਮ ਕਰਨ ਵਾਲੇ ਅਜਿਹੇ ਹਨ, ਪਰ ਉਨ੍ਹਾਂ ਦਾ ਦਿਸ਼ਾ ਵਿਰੁੱਧ ਹੈ: ਉਹ ਪਿੱਛਲੇ ਸਾਥੀ ਇਲੈਕਟਰਨਾਂ ਨੂੰ ਵਾਪਸ ਦਿੰਦੇ ਹਨ (DOM ਟ੍ਰੀ ਵਿੱਚ ਸਾਥੀ ਇਲੈਕਟਰਨਾਂ ਉੱਤੇ ਚੱਲਦੇ ਹਨ, ਨਹੀਂ ਕਿ ਅੱਗੇ ਚੱਲਦੇ ਹਨ)
jQuery ਪਰਿਭਾਸ਼ਾ ਮੈਨੂਅਲ
ਜੇਕਰ ਤੁਸੀਂ ਸਾਰੇ jQuery ਪਰਿਭਾਸ਼ਾ ਮੈਥਡ ਜਾਣਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਸਾਡੇ ਸੂਚਨਾ ਪੰਨੇ ਦੀ ਯਾਤਰਾ ਕਰੋ jQuery ਪਰਿਭਾਸ਼ਾ ਮੈਨੂਅਲ。
- ਪਿੱਛਲਾ ਪੰਨਾ jQuery ਪਿੱਛਲੇ ਵਾਲੇ
- ਅਗਲਾ ਪੰਨਾ jQuery ਫਿਲਟਰ
