2012年10月9日火曜日

javascriptでrgb色を16進数に変更

javascriptでrgb色を16進数に変更
var color = '';
$('div').click(function() {
    var x = $(this).css('backgroundColor');
    hexc(x);
    alert(color);
})
function hexc(colorval) {
    var parts = colorval.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];
    }
    color = '#' + parts.join('');
}
参考http://jsfiddle.net/DCaQb/

javascript 動的に変数名の値を取得する


eval(数式を示す文字列);
例:
var height = {akane:158,yuka:165,yuka:162};

var name = "yuka";
eval("height." + name ); はheight.yukaの値を取得することができます。

2012年10月4日木曜日

jquery 親要素に対してn番目の子要素を抽出

jquery 親要素に対してn番目の子要素を抽出
例:ul の1番目のli要素を抽出する場合は:

$("ul li:eq(0)").css("background-color", "yellow");