jQuery ਦਸਤਾਵੇਜ਼ਾਂ - wrapInner() ਮੈਥਡ

jQuery ਪ੍ਰਭਾਵ ਹਾਂਡਬੁੱਕ

ਉਦਾਹਰਣ

ਹਰ ਪੀ ਐਲੀਮੈਂਟ ਦੀ ਸਮੱਗਰੀ 'ਤੇ ਬੀ ਐਲੀਮੈਂਟ ਘੇਰੋ:

$(".btn1").click(function(){
   $("p").wrapInner("<b></b>");
});

ਸੁਤੰਤਰ ਤੌਰ 'ਤੇ ਪ੍ਰਯੋਗ ਕਰੋ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

wrapInner() ਮੈਥਡ ਨਿਰਧਾਰਿਤ HTML ਸਮੱਗਰੀ ਜਾਂ ਐਲੀਮੈਂਟ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਹਰ ਚੁਣੇ ਹੋਏ ਐਲੀਮੈਂਟ ਦੇ ਅੰਦਰ ਸਾਰੀ ਸਮੱਗਰੀ (inner HTML) ਨੂੰ ਘੇਰੇ ਹੋਵੇਗਾ。

ਗਰੰਥ

$().wrapInner(wrapper)
ਪੈਰਾਮੀਟਰ ਵਰਣਨ
wrapper

ਲਾਜ਼ਮੀ। ਚੁਣੇ ਹੋਏ ਐਲੀਮੈਂਟ ਦੇ ਚੱਕਰ ਵਿੱਚ ਸਮੱਗਰੀ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ。

ਸੰਭਵ ਮੁੱਲ:

  • HTML ਕੋਡ - ਉਦਾਹਰਣ ਵਜੋਂ ("<div></div>")
  • ਨਵਾਂ DOM ਐਲੀਮੈਂਟ - ਉਦਾਹਰਣ ਵਜੋਂ (document.createElement("div"))
  • ਮੌਜੂਦਾ ਐਲੀਮੈਂਟ - ਉਦਾਹਰਣ ਵਜੋਂ ($(".div1"))

ਮੌਜੂਦਾ ਐਲੀਮੈਂਟ ਹਿਮਾਇਤੀ ਨਹੀਂ ਹੋਵੇਗਾ, ਸਿਰਫ਼ ਕਿਸੇ ਚੁਣੇ ਹੋਏ ਐਲੀਮੈਂਟ ਨੂੰ ਸ਼ਾਮਲ ਕਰਨ ਲਈ ਨਕਲ ਕੀਤਾ ਜਾਵੇਗਾ ਅਤੇ ਘੇਰਿਆ ਜਾਵੇਗਾ。

ਫੰਕਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਸਮੱਗਰੀ ਘੇਰੋ

ਫੰਕਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਹਰ ਚੁਣੇ ਹੋਏ ਐਲੀਮੈਂਟ ਦੇ ਚੱਕਰ ਵਿੱਚ ਸਮੱਗਰੀ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ。

ਗਰੰਥ

$().wrapInner(function())

ਸੁਤੰਤਰ ਤੌਰ 'ਤੇ ਪ੍ਰਯੋਗ ਕਰੋ

ਪੈਰਾਮੀਟਰ ਵਰਣਨ
function() ਲਾਜ਼ਮੀ। ਵਾਪਸ ਘੇਰੇ ਐਲੀਮੈਂਟ ਦੀ ਫੰਕਸ਼ਨ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ。

ਹੋਰ ਉਦਾਹਰਣ

ਨਵੇਂ ਐਲੀਮੈਂਟ ਨਾਲ ਸ਼ਾਮਲ ਕਰੋ
ਨਵਾਂ DOM ਐਲੀਮੈਂਟ ਬਣਾਓ ਜੋ ਹਰ ਚੁਣੇ ਹੋਏ ਐਲੀਮੈਂਟ ਨੂੰ ਸ਼ਾਮਲ ਕਰੇ。

jQuery ਪ੍ਰਭਾਵ ਹਾਂਡਬੁੱਕ