使用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。它比我的代码更有意义,但它不太管用。我的代码——它比我的代码更有意义,但它不太管用。我的代码-