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代码无效标记。您需要关闭锚标签。

这对我有用：

<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');
});

这里有一个小提琴：http://jsfiddle.net/onbjerg/qc3ew667/

Answer 2

行。我是个白痴。我还没有正确地嵌入JQUERY。

谢谢你们！

Jquery - 如果它包含一个链接Wordpress，则添加一个类

2 个答案: