Javascript Jquery-将类添加到<；td>；如果它包含链接Wordpress

我正在使用Wordpress附带的标准posts日历，并为客户端设置样式。它没有做的一件事是在

中包含链接时添加类名（意味着在该日期有帖子）

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

插件生成的HTML如下所示（缩写）：

1.
2.
3.
4.
5.
6.
7.

所以，很明显，在这个月的第三和第六天有博客帖子

我需要设置包含链接的

的样式

以下是我尝试过的：

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

$（文档）.ready（函数（）{
美元（“td”）。有（“a”）.addClass（“特色日期”）；
});

以及：

$（文档）.ready（函数（）{
$（“td”）.has（“a”）.css（“背景色”），“c981ae”）；
});

我已经尝试过对选择器进行更多或更少的具体操作。（例如，

$（'wp calendar td'）

）。我已经尝试将它添加到sidebar.php文件（小部件将被加载到这里）的末尾和wp-footer.php文件中

---

非常感谢您的帮助。

您的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>

---

下面是一个例子：

您的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>

---

这里有一把小提琴在起作用：

好的。我是个白痴。我没有正确地将JQUERY嵌入头部

---

谢谢你们

好的。我是个白痴。我没有正确地将JQUERY嵌入头部

---

谢谢你们

考虑到它的word press，请尝试在模板中查找任何可能覆盖您的css，代码看起来应该可以工作。您是否已确保代码实际运行（通过添加

console.log

或其他内容），而且这个类确实没有被添加，只是CSS中有一些问题？你的代码工作得很好，正如你在这里看到的：你能仔细检查一下jquery库是否包括在内吗？还有一个标准问题：控制台中有错误吗？如果控制台中有单词press，试着在模板中查找任何可能覆盖你的CSS。代码看起来我觉得应该有用。您是否已确保代码实际运行（通过添加

console.log

或其他内容），而且这个类确实没有被添加，只是CSS中有一些问题？你的代码工作得很好，正如你在这里看到的：你能仔细检查一下jquery库是否包括在内吗？还有一个标准问题：控制台中有错误吗？这里似乎仍然在处理无效的标记，谢谢。这是我快速打字的结果。被斥责的html很好。这里似乎仍然在处理无效的标记，谢谢。这是我快速打字的结果。被斥责的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>

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