使用javascript更改div的内容

我有一个函数ImageIndexing(type,data)，它将根据这两个变量返回一个字符串。比我有班：portoflioTitle,portfolioThumbnail,portoflioBig;我需要根据其data-title,data-thumb和data-big相应更改其内容src,id。它很难解释，所以让我试试。使用javascript更改div的内容

所以：在页面加载

后执行的函数。
首先，该功能将所有div的innerHTML（内容）更改为portfolioTitle。它通过ImageIndexing函数将其更改为它通过的'title'作为数据类型及其data-title。然后ImageIndexing函数将返回我们需要将innerHTML更改为的字符串。（到目前为止，你能理解吗？）
它与其他类重复相同。与portfolioThumbnail它通过'image'作为类型和它的data-thumb作为数据并将返回的字符串设置为其src。 portfolioBig通过'big'和data-big并使用该字符串作为其id。

来源

2012-02-02 David Debnar

我想我明白你的情况，但是你的问题是什么？ – 2012-02-02 20:46:30

到目前为止你有什么？ – devnull69 2012-02-02 20:46:32

到目前为止..我什么都没有，因为我正在工作的功能没有工作。问题是如何去做。最难的部分是传递data-x，而不是使用返回的字符串作为innerHtml/etc .. – 2012-02-02 20:48:20

编辑：您应该使用.attr来获取元素的值。更新jsFiddle这里

我不知道你真的想要什么，但从你的评论我相信你想知道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>"; 
    }

来源

2012-02-02 21:00:49

它给了我更多的意义，然后我的代码做，但它不工作。我的代码 - [jsfiddle]（http://jsfiddle.net/tgccQ/） – 2012-02-02 21:24:37

谢谢！有用！ – 2012-02-02 21:44:15

使用javascript更改div的内容

回答

相关问题