Question

I want to copy the background-color value and paste it in within the <strong> tag:

<span class="swatch" style="background-color: #d1f2a5;"><strong>paste here</strong><em></em></span>

There will be multiple instances to copy/paste.

Answer 1

If I got your question correctly, you’re looking to programmatically insert the value of the background-color into the <strong>, right? – Working fiddle here

$('span.swatch').each(function(i,e){
    bgcolor = rgbToHex($(e).css('background-color'));
    $('> strong', e).html(bgcolor);
});

function rgbToHex(rgbString) {
    var parts = rgbString.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);

    delete (parts[0]);
    for (var i = 1; i <= 3; ++i) {
        parts[i] = parseInt(parts[i]).toString(16);
        if (parts[i].length == 1) parts[i] = '0' + parts[i];
    } 
    var hexString ='#'+parts.join('').toUpperCase(); // "#0070FF"
    return hexString;
}

---

P.S.: rgbToHex() is blatantly stolen from here – all credit goes to nickf.