div

Question

के अंदर jQuery चयन बटन (ओं) मैं एक डीवीवी के अंदर मौजूद बटनों का एक विशिष्ट समूह चुनना चाहता हूं और पेज पर एक छिपे हुए फ़ील्ड को अपना आईडी असाइन करना चाहता हूं लेकिन मैं अपने जीवन के लिए बटन का चयन नहीं कर सकता div .. उदाहरण में विफल रहता है नीचे

स्रोत HTML

<div id = test> 
    <div class="ButtonGroupWrapper">      
        <img src="test.jpg" width="100" height="100" alt="thumbnail" /> 
       <input id="buttonID5" type="submit" value="Link" class="button" /> 
    </div> 
    <div class="ButtonGroupWrapper">      
        <img src="test.jpg" width="100" height="100" alt="thumbnail" /> 
       <input id="buttonID6" type="submit" value="Link" class="button" /> 
    </div> 
    </div> 

jQuery चयनकर्ता विफल रहता है

$(".ButtonGroupWrapper").find(":button").click(function() { 
     alert("hi there"); 
     return false; 
    }); 

    $("#ButtonGroupWrapper input[type=button]").click(function() { 
     alert("hi there"); 
     return false; 
    }); 

    $("#ButtonGroupWrapper :button").click(function() { 
     alert("hi there"); 
     return false; 
    }); 

Answer 1

प्रयास करें:

$(".ButtonGroupWrapper").find(".button").click(function() { 
     alert("hi there"); 
     return false; 
}); 

आपका पहला उदाहरण में विफल रहता है, क्योंकि आप एक वर्ग है जिसके द्वारा . नहीं : पहले है लक्षित करने के लिए कोशिश कर रहे हैं। आप टाइप बटन के तत्व को लक्षित करने का भी प्रयास कर रहे हैं लेकिन प्रश्न में तत्व प्रकार सबमिट करने का है।

आपका दूसरा उदाहरण विफल रहता है क्योंकि आप कोई भी मौजूद नहीं होने पर टाइप बटन के इनपुट का चयन करने का प्रयास कर रहे हैं (आपका लक्ष्य टाइप सबमिट है)। एक विकल्प input[type=submit] होगा।

आपका तीसरा उदाहरण पहले उदाहरण के समान कारण के लिए विफल रहता है जिसमें यह टाइप बटन के तत्व की तलाश में विफल रहा है।

भी देखें http://api.jquery.com/button-selector/

Answer 2

यह काम करेगा:

$(".ButtonGroupWrapper").find(".button").click(function() { 
    alert("hi there"); 
    return false; 
}); 

Answer 3

एक अंतरिक्ष लाना अपने .ButtonGroupWrapper वर्ग के भीतर किसी भी .button वर्ग के लिए लग रहा है। (नोट: कोड वर्ग = "बटन" यह करने के लिए जोड़ा साथ नहीं किसी भी 'बटन' है, लेकिन कुछ भी)

$(".ButtonGroupWrapper .button").click(function() { 
    alert("hello"); 
    return false; 
}); 

अपने HTML कोड प्रस्तुत इनपुट एक 'बटन' की 'क्लास' है में। यह वास्तव में कुछ भी हो सकता है जैसे कि स्ट्रॉबेरी या .mybutton या आपको पसंद है।

वैकल्पिक:

आप एक आईडी बहुत लपेटकर है के रूप में आप भी आईडी के भीतर बटन को लक्ष्य बना सकते:

<div id ="test"> 
    <div>      
    <img src="test.jpg" width="100" height="100" alt="thumbnail" /> 
    <input type="submit" value="Link" class="button" /> 
    </div> 
    <div>      
    <img src="test.jpg" width="100" height="100" alt="thumbnail" /> 
    <div class="button" />Just text</div> 
    </div> 
</div> 

और फिर अपने जावास्क्रिप्ट हो सकता है:

$("#test .button").click(function() { 
    alert("button class clicked"); 
    return false; 
}); 

याद रखें कि आपको डोम लोड होने के बाद इसे चलाने की ज़रूरत है, इसलिए सबसे अच्छा अभ्यास पृष्ठ के अंत में लिखना या लपेटना है। अपने पसंदीदा पहले से ही समारोह में टी।