2017-05-08 26 views
-1

關鍵字,中心從任何元素的JavaScript/jQuery的。jQuery的得到我想要得到<strong>左</strong>的背景位置

$(div).css('background-position');

這將返回號碼,如0%50%100%

有什麼辦法這個轉換爲關鍵字?

+0

你是什麼意思與「關鍵詞」?哪種關鍵字? – quirimmo

+0

轉換爲數字並根據條件範圍自行創建關鍵字。許多用於設置CSS的值或單位不是瀏覽器在返回計算樣式時使用的值。 – charlietfl

+0

@quirimmo left,right,center =關鍵字 – Adrian

回答

1

也許,而不是創建一個豐富的的if/else條件,你可以嘗試像下面的方法:

const leftPositions = { 
    '0%': 'left', 
    '50%': 'center', 
    '100%': 'right' 
}; 
const topPositions = { 
    '0%': 'top', 
    '50%': 'center', 
    '100%': 'bottom' 
}; 

function getWordPositions(stringPosition) { 
    let leftPosition = leftPositions[stringPosition.split(" ")[0]] || stringPosition.split(" ")[0]; 
    let topPosition = topPositions[stringPosition.split(" ")[1]] || topPosition.split(" ")[1]; 
    return leftPosition + ' ' + topPosition; 
} 

console.log($('div').css('background-position')); 
console.log(getWordPositions($('div').css('background-position')));