javascript - 无法对div中的每个img应用功能

我正在尝试模糊DIV中的每个图像，但无缘无故，它只是行不通

<div id="textarea"  >random HTML with imgs</div>
                         <script type="text/javascript">
                            var arraysOfImgs = $('#textarea').find('img').map(function(){
                                return this.id;
                            }).get();
                            for (var i = 0; i < arraysOfImgs.length; i++){
                                Pixastic.process(arraysOfImgs[i], "blurfast", {
                                    amount : '1.5'
                                });
                            }

                        </script>';

即使这没有解决

<script type="text/javascript">
                         $(document).ready(function() {
                            var arraysOfImgs = $('#textarea').find(\'img\').map(function(){
                                return this.id;
                            }).get();

                            $.each(arraysOfImgs, function() {
                                Pixastic.process(this, "blurfast", {
                                    amount : '1.5'
                                });
                            });
                        });
                        </script>

没有错误显示，加载页面时没有任何反应...

编辑：没有更多的PHP回声..

最佳答案

我认为问题是您正在传递图像的ID值。像素化（如果为this one）需要图像元素。

您的代码可能如下所示：

$('#textarea img').each(function() {
    Pixastic.process(this, "blurfast", {
        amount : '1.5'
    });
});

还要注意，Pixastic提供了一个jQuery插件，因此您可以执行以下操作：

$('#textarea img').pixastic('blurfast', {amount: 1.5});