मेरे पास 30 बॉक्स हैं (उदाहरण के लिए) और मुझे प्रत्येक div JS के साथ के लिए कस्टम मार्जिन टॉप जोड़ने की आवश्यकता है।

div : margin-top:0px;
div : margin-top:10px;
div : margin-top:20px;
div : margin-top:30px;
and ..
.
.

.

यह मेरा जेएस कोड है।

var n = $('div');
n.css('margin-top', (parseFloat(n.css('margin-top')) + 10) + 'px');

परिणाम:

 div : margin-top:10px;
    div : margin-top:10px;
    div : margin-top:10px;
    div : margin-top:10px;
    and ..
    .
    .
    .

मैं यह कैसे कर सकता हूँ?

-3
Alireza 27 सितंबर 2017, 20:51
यदि यह डुप्लिकेट है, तो कृपया मुझे एक लिंक भेजें!
 – 
Alireza
27 सितंबर 2017, 20:52
2
"मैं यह कैसे कर सकता हूँ?" वैध प्रश्न नहीं है। यह स्टैक ओवरफ़्लो के लिए बहुत व्यापक है, खासकर जब आप स्वयं का कोई प्रयास या शोध नहीं दिखाते हैं।
 – 
Tyler Roper
27 सितंबर 2017, 20:54
1
कृपया दोबारा जांच करें। आपको धन्यवाद!
 – 
Alireza
27 सितंबर 2017, 20:58

1 उत्तर

सबसे बढ़िया उत्तर

आपका प्रयास थोड़ा गड़बड़ है। $("div"), <div> तत्वों का संग्रह होने जा रहा है, इसलिए आपको वास्तव में आगे बढ़ने और प्रत्येक को अलग-अलग संबोधित करने के लिए थोड़ा और प्रयास करना होगा।

सौभाग्य से, jQuery का .each() बस यही करता है। index को 10 से गुणा करने पर प्रत्येक में 10px की वृद्धि होनी चाहिए:

$("div").each(function(index) {
    var margin = index * 10;
    $(this).css("margin-top", margin+"px");
});
1
Tyler Roper 27 सितंबर 2017, 21:07