Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/456.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用javascript更改div的内容_Javascript_Jquery_Html - Fatal编程技术网

使用javascript更改div的内容

使用javascript更改div的内容,javascript,jquery,html,Javascript,Jquery,Html,我有一个函数imageindex(type,data),它将根据两个变量返回一个字符串。我有很多类:portoflioTitle,portfoliothumbail,portoflioBig;我需要根据他们的数据标题,数据拇指和数据大更改他们的内容,src,id。这真的很难解释,所以让我试试 因此: 页面加载后,将执行一个函数 首先,该函数使用类portfolioTitle更改所有div的innerHTML(内容)。它通过图像索引功能对其进行更改,并将标题作为类型传递给该功能,将其数据标题作为数

我有一个函数
imageindex(type,data)
,它将根据两个变量返回一个字符串。我有很多类:
portoflioTitle
portfoliothumbail
portoflioBig
;我需要根据他们的
数据标题
数据拇指
数据大
更改他们的内容,
src
id
。这真的很难解释,所以让我试试

因此:

  • 页面加载后,将执行一个函数
  • 首先,该函数使用类
    portfolioTitle
    更改所有
    div
    innerHTML
    (内容)。它通过
    图像索引
    功能对其进行更改,并将
    标题
    作为类型传递给该功能,将其
    数据标题
    作为数据传递给该功能。然后,
    imageindex
    函数将返回我们需要将
    innerHTML
    更改为的字符串。(到目前为止你能理解吗?)
  • 它与其他类重复相同。使用
    portfolioThumbnail
    'image'
    作为类型传递,将其
    数据拇指作为数据传递,然后将返回的字符串设置为其
    src
    portfolioBig
    传递
    'big'
    数据big
    ,并将字符串用作其
    id

  • 编辑:应使用.attr获取元素的值。在此更新

    我不确定您真正想要的是什么,但从您的评论中,我相信您想知道hwo如何传递data-x并设置相应div的innerHTML

    以下只是粗略的版本,如果您有任何问题,请告诉我们

       $('div.portoflioTitle').each (function(index) {
    
          $(this).html(ImageIndexing(this.title, $(this).attr('data-title')));
    
        });
    
        function ImageIndexing(type, data) {
           //do w.e you have to do and return
    
           return "<span>can return anything that you wanna set inside the div</span>";
        }
    
    $('div.portoflioTitle')。每个(函数(索引){
    $(this.html)(ImageIndexing(this.title,$(this.attr('data-title'));
    });
    函数图像索引(类型、数据){
    //你必须去做什么然后回来吗
    return“可以返回您想在div中设置的任何内容”;
    }
    
    编辑:应使用.attr获取元素的值。在此更新

    我不确定您真正想要的是什么,但从您的评论中,我相信您想知道hwo如何传递data-x并设置相应div的innerHTML

    以下只是粗略的版本,如果您有任何问题,请告诉我们

       $('div.portoflioTitle').each (function(index) {
    
          $(this).html(ImageIndexing(this.title, $(this).attr('data-title')));
    
        });
    
        function ImageIndexing(type, data) {
           //do w.e you have to do and return
    
           return "<span>can return anything that you wanna set inside the div</span>";
        }
    
    $('div.portoflioTitle')。每个(函数(索引){
    $(this.html)(ImageIndexing(this.title,$(this.attr('data-title'));
    });
    函数图像索引(类型、数据){
    //你必须去做什么然后回来吗
    return“可以返回您想在div中设置的任何内容”;
    }
    
    我想我了解你的情况,但你的问题是什么?到目前为止你有什么?到目前为止……我什么都没有,因为我正在使用的函数不起作用。问题是如何做到这一点。最困难的部分是传递data-x,而不是使用返回的字符串作为innerHtml/etc。我想我理解你的情况,但是你的问题是什么?到目前为止你有什么?到目前为止……我什么都没有,因为我正在使用的函数不起作用。问题是如何做到这一点。最困难的部分是传递data-x,而不是使用返回的字符串作为innerHtml/etc。它比我的代码更有意义,但它不太管用。我的代码——它比我的代码更有意义,但它不太管用。我的代码-