使用javascript更改div的内容

时间:2012-02-02 20:40:25

标签: javascript jquery html

我有一个函数ImageIndexing(type,data),它将根据这两个变量返回一个字符串。比我有课程:portoflioTitleportfolioThumbnailportoflioBig;我需要将其内容srcid相应地更改为data-titledata-thumbdata-big。它真的很难解释,所以让我试试。

所以:

  1. 页面加载后,执行一项功能。
  2. 首先,该函数使用类innerHTML更改所有div s的portfolioTitle(内容)。它通过ImageIndexing函数将其更改为'title'作为类型,并将其data-title作为数据。然后,ImageIndexing函数将返回我们需要将innerHTML更改为的字符串。 (到目前为止你能理解吗?)
  3. 它与其他类重复相同。使用portfolioThumbnail,它会将'image'作为类型传递,将data-thumb作为数据传递,然后将返回的字符串设置为srcportfolioBig传递了'big'data-big,并将该字符串用作id

1 个答案:

答案 0 :(得分:1)

编辑:您应该使用.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>";
    }