javascript - Jquery - 如果包含链接 WordPress 将类添加到 <td>

Question

我正在使用 Wordpress 附带的标准帖子日历，并为客户设计它的样式。它不做的一件事是将类名添加到 <td>当它包含链接时(意味着该日期有一个帖子)。

我认为这似乎在我的 JQUERY 知识范围内，但它不起作用。

插件生成的 HTML 看起来像这样(缩写):

<table id="wp-calendar">
<tbody>
    <td>1</td>
    <td>2</td>
    <td><a href="link-to-post">3</td>
    <td>4</td>
    <td>5</td>
    <td><a href="link-to-post">6</td>
    <td>7</td>
</table>

很明显，这个月的 3 号和 6 号有博客文章。

我需要设置 <td> 的样式其中包含一个链接。

这是我尝试过的:

<script>
    $(document).ready(function(){
        $("td").has("a").addClass("featured-date");
    });
</script>

还有:

<script>
    $(document).ready(function(){
        $("td").has("a").css("background-color","#c981ae");
    });
</script>

我尝试过对选择器更加具体和不具体。 (例如 $('#wp-calendar td') )。我尝试将其添加到 sidebar.php 文件(将加载小部件的位置)和 wp-footer.php 文件的末尾。

我们将非常感谢任何帮助。

Answer 1

您的 HTML 代码不是有效的标记。您需要关闭 anchor 标记。

这对我有用:

<table id="wp-calendar">
    <tbody>
        <td>1</td>
        <td>2</td>
        <td><a href="link-to-post">3</a></td>
        <td>4</td>
        <td>5</td>
        <td><a href="link-to-post">6</a></td>
        <td>7</td>
        </tbody>
</table>

Javascript:

$(document).ready(function() {
    $("td").has("a").css('background-color', 'red');
});

这是一个实际的 fiddle :http://jsfiddle.net/onbjerg/qc3ew667/