Question

我的html标签如下所示。

<span id="createOrderFormId:accountNo" style="border-color: red;"><</span>

我需要读取属性border-color的样式集，所以我使用了以下jquery。

$( document ).ready(function() {
       var color = $('#createOrderFormId:accountNo').css('border-color');
        alert(color);
    });

但它没有显示请帮助。

Answer 1

您可能需要在选择器中转义:。

<强> Live Demo

$( document ).ready(function() {
   var color = $('#createOrderFormId\\:accountNo').css('border-color');
    alert(color);
});

使用任何元字符（例如！＆＃34;＃$％＆amp;＆＃39;（）* +，。/：;＆lt; =＆gt;？@ [] ^`{|}〜）作为名称的字面部分，它必须用两个反斜杠逃脱：\。例如，一个元素 id =＆＃34; foo.bar＆＃34;，可以使用选择器$（＆＃34; #foo \ .bar＆＃34;）。 W3C CSS 规范包含有关有效CSS的完整规则集选择器，Reference。

编辑您可以使用本机javascript属性style.borderColor您可以从jQuery对象使用.get（）或indexer获取DOM对象。原生getElementById可以与use escape字符一起使用，这适用于 firefox 。

<强> Live Demo

$( document ).ready(function() {   
    alert( $('#createOrderFormId\\:accountNo')[0].style.borderColor);
    alert(document.getElementById('createOrderFormId:accountNo').style.borderColor);   
});

Answer 2

如果它在Firefox中不起作用，那么你应该尝试获取边界的各个边。

示例：

 var color = $('#createOrderFormId\\:accountNo').css('border-top-color');

Answer 3

除了span createOrderFormId:accountNo之外，一切都很好，因为你提到了双列:它在jquery选择器中的意义不同。它表示元素的类型，因此这里不将整个字符串视为id。删除双列，它将适合你。

http://www.tutorialspoint.com/jquery/jquery-selectors.htm

如何从jquery获取内联样式border-color？

3 个答案: