0

这是我的html代码

<div class="class_test" id="id_test">
<h2>testing</h2>
<img/>
<div class="rightBox">
<h4>test</h4>
<p>test</p>
</div>
</div>

在 javascript 代码中，我想选择 img 来设置它的src ， height ， width

$("#id_test > img").src = "blablabla.jpg";
$("#id_test > img").height = "100";
$("#id_test > img").width = "100";

但它不起作用

我在哪里错过了它？

否则，我如何在不使用 jquery 的情况下使用本机 javascript 代码

document.getElementById("blabla")

我不想设置 img ID

4

4 回答 4

1

尝试：

$("#id_test > img").attr('src',"blablabla.jpg").attr('height',"100").attr('width',"100");
于 2013-07-08T09:48:49.037 回答
1

我认为这应该有效：

$('#id_test').find('img').attr({ 'src': 'blablabla.jpg', 'height': 100, 'width': 100});
于 2013-07-08T09:57:28.847 回答
1

小提琴

宽度jQuery :

$("#id_test > img").prop('src','http://jsfiddle.net/favicon.png');
$("#id_test > img").prop('height','100');
$("#id_test > img").prop('width','100');

宽度javascript

var elm = document.getElementById('id_test');
var first = elm.getElementsByTagName("img")[0];
first.src = "http://jsfiddle.net/favicon.png";
first.style.height = '100px';
first.style.width = '100px';
于 2013-07-08T10:03:43.950 回答
0

jQuery 像对象一样返回数组 .. 例如：$("#id_test > img")返回以下数组

[<img/>,<img />, ...]

for要访问它，您可以使用while.. 或 jQueryeach方法循环它们。

$("#id_test > img")[0] -> is Dom

改变它会反映到 Dom .. 但你应该小心your selector传递。如果选择器无效，则 ..jQuery Object.length是0

在 HTML 中的属性和属性问题上查看属性和属性之间的区别

var imgs =  $("#id_test > img");

// set first item ..    
if ( imgs.length > 0 ) {
    imgs[0].src = 'your src';

}

// set all items
if ( imgs.length > 0 ) {

    for ( var i= 0; i < imgs.length ; i++ ){
        imgs[i].src = 'your src'; // src is property
    } 
}

最好的方法是使用 jQuery prop方法。所有项目的哪个设置src属性，与上面的for loop代码相同。jQuery 可以安全地在不同的浏览器上工作

imgs.prop('src','your src') // or pass json params

在 hehind 循环中每个项目，...并设置属性

于 2013-07-08T10:10:10.917 回答