मैं उन्हें एक HTML पृष्ठ पर देखने के लिए अपॉइंटमेंट डेटाबेस के माध्यम से लूप में लाने के लिए xml का उपयोग कर रहा हूं:

if (results !=null && results.value !=null {
  for (var i = 0; i < result.value.length; i++) {
    time = results.value[i].starttime;
    place = results.value[i].location;
    who = results.value[i].attendee;

    $("#homediv").append(time);
    $("#homediv").append(place);
    $("#homediv").append(who);
  }
}

वे सभी एक ही div में 'homediv' आईडी के साथ सफलतापूर्वक दिखाई दे रहे हैं। हालांकि मैं सीएसएस में अलग-अलग स्टाइल करने के लिए इनमें से प्रत्येक तत्व को अलग से एक वर्ग जोड़ना चाहता हूं लेकिन यह काम नहीं कर रहा है। मैंने 'addClass' की कोशिश की लेकिन कोड में निम्न कार्य कर रहा हूं:

$("#homediv").append(time).addClass('time-style');
$("#homediv").append(place)addClass('place-style');
$("#homediv").append(who)addClass('who-style');

लेकिन यह बस काम नहीं करता है। क्या कोई यह देख सकता है कि मैं गलत तरीके से क्या कर रहा हूं?

1
T.Doe 29 अक्टूबर 2019, 17:26

1 उत्तर

माना जाता है कि आपका संलग्न तत्व एक div है:

$("#homediv").append("<div>time</div>").find("div").last().addClass('time-style');
$("#homediv").append("<div>place</div>").find("div").last().addClass('place-style');
$("#homediv").append("<div>who</div>").find("div").last().addClass('who-style');
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="homediv"></div>
1
David 29 अक्टूबर 2019, 14:33