एक कंटेनर से अजाक्स लोडिंग डेटा

क्या आप जानते हैं कि jQuery का उपयोग करके आप न केवल एक पृष्ठ की सामग्री को लोड कर सकते हैं, बल्कि उस पर चयनित कंटेनर भी? यह पता चलता है कि आप इसे निम्न प्रकार से कर सकते हैं:

$("#area").load("something.html #content"); 

इस कोड को something.html पेज पर id कंटेंट वाला एक कंटेनर मिलेगा, इसकी सामग्री लें और इसे id एरिया वाले कंटेनर में लोड करें। लेकिन एक बात है लेकिन ...

और यह ऐसा दिखता है, लेकिन इस तरह है:

 $("#area").load("something.html #area"); 

इस कोड का परिणाम यह होगा:

 <div id="area"> <div id="area"> <!-- stuff --> </div> </div> 

और आगे, यह कोड जितना अधिक नेस्टेड होगा।

समाधान है:

 $("#area").load("something.html #area > *"); 

डेमो यहाँ पाया जा सकता है ।