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

Jquery - Adding a Class to a <td> if it Contains a Link Wordpress

本文关键字：如果 包含 链接 Wordpress gt td 添加 lt Jquery-      更新时间：2023-09-26

我正在使用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文件中。

任何帮助都将不胜感激。

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

好。我是个白痴。我没有把JQUERY正确地嵌入脑袋里。

谢谢你们！

相关文章：