/ / jQuery ':।' चिल्ड्रेन के साथ 'चयनकर्ता' () - जावास्क्रिप्ट, jquery, jquery-ui

jQuery ': टैबबेलर' चयनकर्ता .children () के साथ - जावास्क्रिप्ट, jquery, jquery-ui

मैं एक दंपती घटनाओं को लिखने का प्रयास कर रहा हूं जो "दस्तावेज़" पर कुंजीपट का जवाब देते हैं, हमेशा एक मोडल विंडो के भीतर सही टैबिंग कार्यक्षमता को संभालने के लिए, उर्फ ​​हमेशा मोडल के अंदर टैब फोकस रखते हुए।

मेरे पास एक काम करने वाला jsField है, लेकिन यह मानता है कि सभी टैब्लेबल तत्व मॉडेल कंटेनर के प्रत्यक्ष बच्चे हैं

var $modalTabElements = $(modalID +">:tabbable");

http://jsfiddle.net/qodyp3jn/12/

यहां एक ही डेमो है, सिवाय इसके कि मोडल में इनपुट किसी अन्य div में नेस्टेड हैं यहाँ एकमात्र अंतर चयनकर्ता का है

var $modalTabElements = $(modalID).children(":tabbable");

http://jsfiddle.net/qodyp3jn/13/

क्या ": टैब्लेबल" चयनकर्ता .children () विधि के साथ काम नहीं करता है, या कुछ और है जो मैं यहाँ याद कर रहा हूँ?

उत्तर:

जवाब के लिए 2 № 1

.children() सीधे बच्चे ही लौटाता है। आप .find() सभी वर्जित वंशज:

var $modalTabElements = $(modalID).find(":tabbable");

अद्यतन पहेली