javascript - 如何通过类内部的类名调用元素并使用它

标签 javascript jquery html css

<html>
    <body>
        <div class="hdd">
            <div class="hdd_Left">
                A
            </div>
            <div class="hdd_Center">
                B
            </div>
            <div class="hdd_Right">
                C
            </div>
        </div>
    </body>
</html>

我想调用一个变量

<script>
    $(".hdd").each(function() {
        $(this).fadeTo(500,1);
        $(this).getElementsByClassName("hdd_Left").animate({'margin-right': '100px'},"slow"); //doesn't work
    }
</script>

$(this).getElementsByClassName("hdd_Left").animate({'margin-right': '100px'},"slow");

这条线不起作用。

谢谢

最佳答案

你真的应该写。不要混用 Vanilla JS 和 Jquery。

$(this).find(".hdd_Left").animate({'margin-right': '100px'},"slow"); 

关于javascript - 如何通过类内部的类名调用元素并使用它,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45559045/

相关文章:

javascript - 单击多级下拉菜单不显示菜单

javascript - 隐藏或显示复选框是否选中 JavaScript

python - 如何打印 div data-reactid?

javascript - Fancybox3高度默认为9999px

javascript - 如何在一行中的 JavaScript 中的文件名和文件扩展名之间添加一个随机字符串?

javascript - 如何克隆 jQuery Datepicker 输入字段

jquery 表单验证无法使用页面中的选项卡

html - Bootstrap : How to correctly centre a 6 column DIV inside of a fluid container

javascript - 在 Rails 中实现每页 JavaScript 的好方法是什么?

javascript - 数据库搜索关键字的功能