jquery - 仅当元素具有特定属性时，如何使用 jquery 应用 css？

Question

我正在尝试使用 jQuery 向元素添加一些 css，但前提是它们具有特定属性。

我之所以不只使用 css，是因为该网站的内容太多，无法浏览并向我想要设置样式的所有元素添加类。

我使用的 jQuery 代码是这样的:

if ($('.body_text a').attr('name')) {
    $(this).css({
        'display': 'inline-block',
        'position': 'relative',
        'top': '-200px',
        'visibility': 'hidden'
    })
}

但这似乎不起作用。如果我在 if 语句中放置一个警报，警报就会起作用。我做错了什么吗？

Answer 1

这就是您正在寻找的 jQuery 选择器:

//de or: $('.body_text a[name="value"]').css({
$('.body_text a[name]').css({
    'display': 'inline-block',
    'position': 'relative',
    'top': '-200px',
    'visibility': 'hidden'
})

http://api.jquery.com/attribute-equals-selector/

您也可以使用 CSS 做到这一点:

.body_text a[name] {
    display: inline-block;
    position: relative;
    top: -200px;
    visibility: hidden;
 }

http://www.w3schools.com/css/css_attribute_selectors.asp