jquery - 如果内容增加,如何更改父div样式?

标签 jquery css

我面临一个小问题。我想更改父 div 样式,因为 div 的内容会增加其文本字符。

<div class="welcome-message"><a href="#">Some link</a></div>

这是html的格式。可以说链接文本的最小字符数为 80 个字符,如果超过 80 个字符,则应更改父 div 的样式,即。宽度:200px;

首选 jQuery 解决方案,JS 也可以。

谢谢

最佳答案

你可以这样做:

$(document).ready(function()
{
    if ($('.welcome-message a:first').text().length > 80)
        $('.welcome-message').css({'width': 200});
});

关于jquery - 如果内容增加,如何更改父div样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1476776/

相关文章:

php - 如何动态更改 CSS

javascript - 奇怪的 JQuery 错误 "code 501, message Unsupported method OPTIONS"

jquery - 在 MVC 4.0 站点中,Unobtrusive jQuery 在 jQuery 1.9 升级中失败

javascript - 使用通过单击单独的 div 激活的灯箱集

html - 删除 jquery 移动 ListView 的默认图标

javascript - Function 不是 AngularJS 中的函数

javascript - 向上滚动时显示导航

css - 使图像显示为圆形

html - 增加单选按钮大小 - Chrome 问题

javascript - 如何在 PrimeFaces 中使用 jQuery 和 jQuery 插件