jQuery: CSS सामग्री गुण अपडेट करें

मैं jQuery का उपयोग करके CSS स्टाइल की सामग्री संपत्ति को गतिशील रूप से सेट करने का प्रयास कर रहा हूं। निम्नलिखित फिडल में, मैं स्क्रिप्ट निष्पादित होने के बाद आउटपुट को "100% पूर्ण" पढ़ना चाहता हूं।

जेएस फिडल

मैंने सीएसएस चयनकर्ताओं के लगभग हर संयोजन की कोशिश की है जिसके बारे में मैं सोच सकता था, और बुरी तरह विफल रहा हूं।

एचटीएमएल

<div data-chart="1">
  <div class="chart"><span> Completed</span></div>
</div>

सीएसएस

[data-chart="1"] .chart:before {
  content: "50%";
}

जे एस

// This obviously doesn't work
$('[data-chart="1"] .donut-chart:before').css('content', '100%');

किसी भी मार्गदर्शन के लिए धन्यवाद!