如何从jquery中获取内联样式的边框颜色

How to get the inline style border-color from jquery?

本文关键字：样式 边框 颜色 获取 jquery      更新时间：2024-03-22

我有一个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);
    });

但它没有显示，请帮忙。

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

实时演示

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

使用任何元字符（例如！"#$%&'（）*+，./：；<=>？@[]^`｛|｝~）作为名称的文字部分，它必须用两个反斜杠转义：''。例如，具有id="foo.bar"，可以使用选择器$（"#foo''.bar"）。W3C CSS规范包含关于有效CSS的完整规则集选择器，引用。

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

实时演示

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

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

示例：

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

这里一切都很好，除了span id createOrderFormId:accountNo，正如您提到的双列:，它在jquery选择器中的含义不同。它表示元素的类型，所以在这里它不将整个字符串视为id。删除双列，它将为您工作。

http://www.tutorialspoint.com/jquery/jquery-selectors.htm
相关文章：