جی کوئی تلاش - بیٹی

ਪੀੜ੍ਹੀ ਪੀੜ੍ਹੀ ਵਾਲੇ ਹਨ - ਪੁੱਤਰ, ਨਾਤੀ, ਨਾਤੀ ਦਾ ਨਾਤੀ ਆਦਿ。

jQuery ਦੇ ਮਾਧਿਅਮ ਨਾਲ, ਤੁਸੀਂ DOM ਟ੍ਰੀ ਦੇ ਪੀੜ੍ਹੀ ਵਾਲੇ ਐਲੀਮੈਂਟਜ਼ ਨੂੰ ਜਾਂਚ ਕਰ ਸਕਦੇ ਹੋ

ਪੀੜ੍ਹੀ ਵਾਲੇ DOM ਟ੍ਰੀ ਨੂੰ ਜਾਂਚ ਕਰਨਾ

ਹੇਠ ਲਿਖੇ ਪ੍ਰਕਾਰ ਵਿੱਚ ਪੀੜ੍ਹੀ ਵਾਲੇ DOM ਟ੍ਰੀ ਨੂੰ ਜਾਂਚ ਕਰਨ ਵਾਲੇ ਦੋ ਜੂਨੀਅਰ ਮੈਥਡ ਹਨ:

  • children()
  • find()

jQuery children() ਮੈਥਡ

children() ਮੈਥਡ ਚੁਣੇ ਗਏ ਐਲੀਮੈਂਟ ਦੇ ਸਿੱਧੇ ਪੀੜ੍ਹੀ ਵਾਲੇ ਸਾਰੇ ਐਲੀਮੈਂਟਜ਼ ਨੂੰ ਵਾਪਸ ਦਿੰਦਾ ਹੈ。

ਇਹ ਮੈਥਡ ਕੇਵਲ ਪਿੱਛਲੀ ਪੀੜ੍ਹੀ ਵਾਲੇ DOM ਟ੍ਰੀ ਦੀ ਜਾਂਚ ਕਰਦਾ ਹੈ。

ਹੇਠ ਦਾ ਉਦਾਹਰਣ ਹਰੇਕ <div> ਐਲੀਮੈਂਟ ਦੇ ਸਿੱਧੇ ਪੀੜ੍ਹੀ ਵਾਲੇ ਸਾਰੇ ਐਲੀਮੈਂਟਜ਼ ਨੂੰ ਵਾਪਸ ਦਿੰਦਾ ਹੈ:

ਉਦਾਹਰਣ

$("document").ready(function(){
  $("div").children();
});

ਆਪਣੇ ਤਹਿਤ ਕਰੋ

ਤੁਸੀਂ ਵੀ ਚੋਣਯੋਗ ਪੈਰਾਮੀਟਰ ਦੀ ਮਦਦ ਨਾਲ ਸਿਧੇ ਪੀੜ੍ਹੀ ਵਾਲੇ ਐਲੀਮੈਂਟਜ਼ ਦੀ ਜਾਂਚ ਕਰ ਸਕਦੇ ਹੋ

ਹੇਠ ਦਾ ਉਦਾਹਰਣ ਕਲਾਸ '1' ਵਾਲੇ ਸਾਰੇ <p> ਐਲੀਮੈਂਟਜ਼ ਨੂੰ ਵਾਪਸ ਦਿੰਦਾ ਹੈ, ਅਤੇ ਉਹ <div> ਦੇ ਸਿੱਧੇ ਪੀੜ੍ਹੀ ਵਾਲੇ ਐਲੀਮੈਂਟ ਹਨ:

ਉਦਾਹਰਣ

$("document").ready(function(){
  $("div").children("p.1");
});

ਆਪਣੇ ਤਹਿਤ ਕਰੋ

jQuery find() ਮੈਥਡ

find() ਮੈਥਡ ਵਾਪਸ ਚੁਣੇ ਗਏ ਐਲੀਮੈਂਟ ਦੇ ਪੀੜ੍ਹੀ ਵਾਲੇ ਐਲੀਮੈਂਟਜ਼ ਨੂੰ ਵਾਪਸ ਦਿੰਦਾ ਹੈ, ਜਿਸ ਤੋਂ ਲੈ ਕੇ ਆਖਰੀ ਪੀੜ੍ਹੀ ਤੱਕ ਹੋਰ ਪੀੜ੍ਹੀਆਂ ਵਿੱਚ ਤੱਕ。

ਹੇਠ ਦਾ ਉਦਾਹਰਣ <div> ਦੇ ਪੀੜ੍ਹੀ ਵਾਲੇ ਸਾਰੇ <span> ਐਲੀਮੈਂਟਜ਼ ਨੂੰ ਵਾਪਸ ਦਿੰਦਾ ਹੈ:

ਉਦਾਹਰਣ

$("document").ready(function(){
  $("div").find("span");
});

ਆਪਣੇ ਤਹਿਤ ਕਰੋ

ਹੇਠ ਦਾ ਉਦਾਹਰਣ <div> ਦੇ ਸਾਰੇ ਪੀੜ੍ਹੀ ਵਾਲੇ ਜਾਂਚਾਂ ਨੂੰ ਵਾਪਸ ਦਿੰਦਾ ਹੈ:

ਉਦਾਹਰਣ

$("document").ready(function(){
  $("div").find("*");
});

ਆਪਣੇ ਤਹਿਤ ਕਰੋ

jQuery ਜਾਂਚ ਮੈਨੂੰਲ

ਜੇਕਰ ਤੁਸੀਂ ਸਾਰੇ jQuery ਜਾਂਚ ਮੈਥਡਜ਼ ਜਾਣਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਸਾਡੇ ਸੈਂਟਰ ਦੀ ਸੈਟਰਨ ਵਿੱਚ ਜਾਵੋ jQuery ਜਾਂਚ ਮੈਨੂੰਲ。