Question

我在开发者控制台中获得以下内容。

<img src="http://localhost/baazar_search/public/assets/uploads/images/logo/f5257d77-75c3-426b-867a-8dea600f7345.jpg" draggable="false" style="position: absolute; left: 0px; top: 0px; width: 50px; height: 50px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none; opacity: 1;">

上面的类型显示OBJECT。我想将方法addClass（）应用于上面的图像元素。如何将此对象转换为DOM元素。

脚本是 -

    for (k = 0; k < offerCode.length; k++)
    {
        console.log(offerCode[k]);
        console.log(typeof offerCode[k]);
    }

var offerCode = $("#markerLayer").find("[src='" + requiredImage + "']");

Answer 1

DOM元素是对象 - <body> <span>hello</span> <script>...</script> </body>并不区分所有不同类型的对象。

typeof是jQuery对象上的方法，而不是DOM元素，因此您需要将DOM元素转换为jQuery。使用addClass()执行此操作。

$()

或者，由于$(offerCode[k]).addClass("some-class");是一个jQuery集合，您可以使用

offerCode

这会将类添加到集合中的所有元素。

Answer 2

使用jQuery：

for (var k = 0; k < offerCode.length; k++)
{
    $(offerCode[k]).addClass("some-class");
}

Fiddle

Answer 3

您可以使用jquery选择器来选择准确的图像。

$('img[src="http://localhost/baazar_search/public/assets/uploads/images/logo/f5257d77-75c3-426b-867a-8dea600f7345.jpg"]').attr('class', 'img-class');

或

$('*img[src="http://localhost/baazar_search/public/assets/uploads/images/logo/f5257d77-75c3-426b-867a-8dea600f7345.jpg"]').addClass('img-class');

DOM元素是对象吗？

3 个答案: