javascript - Remove elements from dom if not the only occurence using jQuery? -


इस सवाल का पहले से ही एक उत्तर है: < / P>

  • 3 जवाब

मेरे पास कई प्रकार के साथ एक फ़ॉर्म है गतिशील रूप से जोड़े गए इनपुट क्षेत्रों की पंक्तियों,

मैं इन क्षेत्रों की अंतिम पंक्ति को हटा कर पा रहा हूं (बशर्ते कि यह केवल पंक्ति नहीं है)

मैं इसे इस प्रकार से कोशिश कर रहा हूं

जावास्क्रिप्ट

  $ ("# remove-item")। क्लिक करें (फ़ंक्शन () (यदि ($ ('। इनपुट-पंक्ति: पहले')! = = $ ('। इनपुट-पंक्ति: अंतिम')) {$ ('। इनपुट-पंक्ति: अंतिम')। निकालें ();}});  

HTML (सरलीकरण के लिए संक्षिप्त)

  & lt; div class = "input-row" & gt; & Lt; इनपुट / & gt; & Lt; इनपुट / & gt; & Lt; इनपुट / & gt; & Lt; / div & gt; & Lt; div वर्ग = "इनपुट-पंक्ति" & gt; & Lt; इनपुट / & gt; & Lt; इनपुट / & gt; & Lt; इनपुट / & gt; & Lt; / div & gt;  

मैंने सोचा था कि यह उस स्थिति में काम करेगा जहां & lt; input & gt; फ़ील्ड की केवल एक पंक्ति होती है, मैं विभिन्न चयनकर्ताओं द्वारा दो बार प्रभावी ढंग से एक ही तत्व का चयन कर रहा हूं

ऐसे मामलों में जहां jQuery चयनकर्ता अलग-अलग तत्वों से मेल खाते हैं, तब एक से अधिक पंक्ति होनी चाहिए, इसलिए इसे अंतिम रूप से निकालने के लिए ठीक होना चाहिए।

बस उन तत्वों की लंबाई की जांच करें, यदि 1 से कम या उसके बराबर हो, कुछ नहीं करें, और हटाएं!

  $ ("# Remove-item") क्लिक करें (फ़ंक्शन () {if ($ ('। इनपुट-पंक्ति')। लंबाई & lt; = 1) {वापसी झूठी;} और {$ ('। इनपुट- पंक्ति: अंतिम ')। निकालें ();}});  

Comments

Popular posts from this blog

c# - SignalR: "Protocol error: Unknown transport." when navigating to hub -

c# - WPF Expander overlay used in ItemsControl -

class - Kivy: how to instantiate a dynamic classes in python -