मेरे पास शॉपिंग कार्ट है। मेरी गाड़ी ने प्रत्येक आइटम के खिलाफ बटन हटाए हैं:
....
<tr style="text-size:0.8em">
<td>Music CD</td><td>23</td><td>£51.89</td>
<td>
<form method="post" action="" class="remove">
<input type="hidden" name="pid" value="1" />
<input type="image" src="http://.../.../delete.png" name="remove" class="remove" value="x" text="x"/>
</form>
</td>
</tr>
<tr style="text-size:0.8em">
<td>DVD</td><td>5</td><td>£12.23</td>
<td>
<form method="post" action="" class="remove">
<input type="hidden" name="pid" value="2" />
<input type="image" src="http://.../.../delete.png" name="remove" class="remove" value="x" text="x"/>
</form>
</td>
</tr>
....
और JQuery
jQuery(".remove").submit(function(data) {
// Validate & remove item from cart stuff
return false;
});
मेरा फॉर्म फॉर्म पोस्ट करके काम करता है, हालांकि मैं इसे अजाक्सिफाई करना चाहता हूं।
मैं jQuery को कैसे बताऊं कि टोकरी से निकालने के लिए कौन सा पीआईडी है?
मैं HTML और js को कैसे संशोधित करूं ताकि मेरी jQuery स्क्रिप्ट को पता चले कि टोकरी से किस विशिष्ट उत्पाद (पीआईडी) को निकालना है?
स्पष्टता की खातिर... आप देखेंगे कि इस उदाहरण में दो रूप हैं। यदि कार्ट में और आइटम हैं, तो और फॉर्म होंगे ... तो मैं कैसे बता सकता हूं कि jQuery किस फॉर्म को सबमिट किया गया था जब फॉर्म के बीच का एकमात्र अंतर पीआईडी है?
उत्तर:
जवाब के लिए 2 № 1यह जानकर अच्छा लगा कि आपने अपनी समस्या हल कर ली है, ग्रेवी।
यहां आपके पिछले मार्कअप (आपके प्रश्न में पोस्ट किया गया) का उपयोग करके कुछ विकल्प हैं:
$(".remove").click(function(e) {
pid = $(this).siblings("#name").attr("value");
// You got the pid. Continue by removing this pid from your cart
});
या
$(".remove").click(function(e) {
pid = $(this).siblings("input:hidden").attr("value");
// You got the pid. Continue by removing this pid from your cart
});
इस तरह आप अपने हटाए गए बटन को अव्यवस्थित नहीं करते।
पुनश्च: देर से उत्तर के लिए क्षमा करें। मैं उत्तर के लिए कुछ संदर्भ जाँच रहा था। :)
जवाब के लिए 0 № 2
समस्या का हल आमिर को मिला:
jQuery(".remove").click(function(data) {
var pid = jQuery(this).attr("name");
alert(pid);
return false;
});
HTML परिवर्तन
<input type="image" src="http://.../.../delete.png" name="1" class="remove" />
मैंने उत्पाद का पिड हटा बटन के नाम पर सेट किया।