jquery, वर्ग परिभाषा

Question

के साथ div जोड़ें, तो मैं यहां add a div पर और यहां add a class पर कैसे देखता हूं लेकिन मुझे दोनों को जोड़ने में समस्या हो रही है। मैं div sparkLineContainer के भीतर एक विशिष्ट वर्ग और आईडी के divs का एक पूरा समूह उत्पन्न करना चाहता हूँ।

मैं युक्त div

<div id="#sparkLineContainer"></div> 

है और मैं यह करने के लिए निम्न

<div id="#sparkLineContainer"> 
     <div class="sparkLines" id="id1">Some stuff here</div> 
     <div class="sparkLines" id="id2">Some stuff here</div> 
     <div class="sparkLines" id="id3">Some stuff here</div> 
// and so on 
    </div> 

टुकड़ा का एक समूह जोड़ना चाहते हैं - मैं इसे बहुत दूर नहीं किया, मैं कर रहा हूँ स्टंप्डया

$('#sparkContainer').add("div"); \\ How do I add the id and class to this div? 
            \\ And as a repeat the function will it overwrite this? 

फ़ंक्शन मैं इसे करने का प्रयास कर रहा हूं।

function renderSparklines (array1, sparkLineName, id) { 
// array1 is the data for the spark line 
// sparkLineName is the name of the data. 
// Turn all array values into integers 
arrayStringToInt(array1); 

    // Create new div of class sparkLines 
$('#sparkContainer').add("div") 

    // Render new spark line to 
$('.sparkLines').sparkline(array1, {width:'90px'}); 

var htmlString = ""; // Content to be added to new div 
// GENERATE LITTLE SPARK BOX 
    htmlString += 
       '<font class = "blueDescriptor">' + sparkLineName + '</font>'+ 
       '<br>'+ 
       '<font class = "greyDescriptorSmall">Ship to Shore</font>'+ 
       '<br>'+ 
       '<font class = "blackDescriptorSparkLine">' + array1[array1.length-1] + '</font>'+ 
       '<font class = "greenDescriptorSparkline">(' + (array1[array1.length-1] - array1[array1.length-2]) + ')</font>' + 
       '<br>'; 
    $('.sparkLines').prepend(htmlString); 

}

Answer 1

कंटेनर में एक div जोड़ने के लिए आपको .append या .prepend की आवश्यकता है। नीचे मेरी संस्करण देखें,

var $sparkLines = $('.sparkLines'); 
$("#sparkLineContainer") 
    .append('<div id="id' + 
      ($sparkLines.length + 1) + 
      '" class="sparkLines">Some Stuff Here</div>') 

इसके अलावा मैंने देखा आप #sparkLineContainer के रूप में div की आईडी है। आप नीचे के रूप में यह बदलना चाहिए,

<div id="sparkLineContainer"> 
... 

DEMO

Answer 2

add आप क्या सोचते हैं यह करता है नहीं करता है। आप append या कुछ इसी तरह के लिए देख रहे हैं।

आप div पहले बना सकते हैं और उसके गुण और सामग्री को परिभाषित कर सकते हैं, तो यह संलग्न:

var $newDiv = $("<div/>") // creates a div element 
       .attr("id", "someID") // adds the id 
       .addClass("someClass") // add a class 
       .html("<div>stuff here</div>"); 

$("#somecontainer").append($newDiv); 

Answer 3

शायद सबसे आसान तरीका है innerHTML सिर्फ संशोधित करने के लिए है:

$("#sparkLineContainer").append('<div class="sparkLine" id="id1"></div>'); 

वहाँ के रूप में अन्य तरीकों से है अच्छा, लेकिन यह वह तरीका है जिसका मैं आम तौर पर उपयोग करता हूं।

Answer 4

आप एक div या की तरह वर्ग के साथ-साथ किसी अन्य टैग को जोड़ने कर सकते हैं:

$('<div/>',{ class : 'example'}).appendTo("p");