Javascript 如何使用jquery控制html属性

Javascript 如何使用jquery控制html属性,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我的网页上有img元素,当我调整窗口大小时,它有data mobil和data table属性,我的图像src与data mobil或data table发生变化,但如果我的图像没有任何属性data mobil或data table,那么我的img就没有响应请注意如何做到这一点 函数makeResize(){ var imageSrc=$(“.myDiv img”); 如果($(窗口).width()480){ $(imageSrc).每个(函数(键、值){ $(value).attr('sr

我的网页上有
img
元素,当我调整窗口大小时,它有
data mobil
data table
属性,我的图像src与
data mobil
data table
发生变化,但如果我的图像没有任何属性
data mobil
data table
,那么我的img就没有响应请注意如何做到这一点

函数makeResize(){
var imageSrc=$(“.myDiv img”);
如果($(窗口).width()480){
$(imageSrc).每个(函数(键、值){
$(value).attr('src',$(value).data('tablet');
});

}否则如果($(window).width()只需检查相应的
数据-*
属性的值是否
未定义
,然后相应地
隐藏/显示
,同时更改
show
上的
src
属性

这是您更新的代码片段

函数makeResize(){
var imageSrc=$(“.myDiv img”);
如果($(窗口).width()480){
$(imageSrc).每个(函数(键、值){
if($(值).data('tablet')==未定义)
$(value.hide();
否则{
$(value).attr('src',$(value).data('tablet');
$(value.show();
}
});

}else if($(window).width()只需在简单条件下检查
img数据即可

function makeResize(){
  var imageSrc = $(".myDiv img");
  if($(window).width() <=768 && $(window).width()>480){
    $(imageSrc).each(function(key,value){
      if($(value).data('tablet') == undefined || $(value).data('tablet') == '' || $(value).data('tablet') == null) {
        // no src change
      } else {
        $(value).attr('src',$(value).data('tablet'));
      }     

    });
  }else if($(window).width() <=480 ) {
    $(imageSrc).each(function(key,value){
      if($(value).data('mobil') == undefined || $(value).data('mobil') == '' || $(value).data('mobil') == null) {
        // no src change
      } else {
        $(value).attr('src',$(value).data('mobil'));
      } 
    });
  }else{
    $(imageSrc).each(function(key,value){
       if($(value).data('src') == undefined || $(value).data('src') == '' || $(value).data('src') == null) {
        // no src change
      } else {
        $(value).attr('src',$(value).data('src'));
      } 
    });
  }
}
函数makeResize(){
var imageSrc=$(“.myDiv img”);
如果($(窗口).width()480){
$(imageSrc).每个(函数(键、值){
if($(值).data('tablet')==未定义的| |$(值).data('tablet')==''| |$(值).data('tablet')==空){
//无src变化
}否则{
$(value).attr('src',$(value).data('tablet');
}     
});

}else if($(窗口).width()所以,当您没有任何图像的
数据-*
属性或其值时,您想做什么?您想保留原始图像吗?不,我想删除没有数据的img元素-*。例如,如果我的图像没有数据移动,我想在移动上删除我的图像如果我的图像没有数据平板,我想在平板上删除我的图像,但如果我的屏幕很宽(桌面)我想保留我的图像
删除
隐藏
?抱歉,我想隐藏它我的英语不足以告诉你:)没关系..如果你澄清事情,语言不是问题..)是的,这正是我想要的,但当我将屏幕调整为宽屏幕时,我的图像并没有出现,只是隐藏在屏幕上。你能帮我吗?