Html、Javascript和;JQuery

Html、Javascript和;JQuery,javascript,jquery,html,Javascript,Jquery,Html,一般信息:我正在尝试使用JQuery mobile创建一个表。到目前为止,我的桌子看起来不错,但我有一些小问题 这是密码 th { 边框底部:1px实心#D6; } tr:n个孩子(偶数) { 背景:#e9e9e9; } 我的名字 Cs496 Hw2 我的名字在这里 不 校名 标志 1. 学校[0]。名称 学校[0]。图像 2. 学校[1]。名称 学校[1]。形象 3. 学校[2]。名称 学校[2]。形象 4. 学校[3]。名称 学校[3]。形象 5. 学校[4]。名称 学校[4]。形象 6.

一般信息:我正在尝试使用JQuery mobile创建一个表。到目前为止,我的桌子看起来不错,但我有一些小问题

这是密码

th
{
边框底部:1px实心#D6;
}
tr:n个孩子(偶数)
{
背景:#e9e9e9;
}
我的名字
Cs496 Hw2
我的名字在这里
不
校名
标志
1.
学校[0]。名称
学校[0]。图像
2.
学校[1]。名称
学校[1]。形象
3.
学校[2]。名称
学校[2]。形象
4.
学校[3]。名称
学校[3]。形象
5.
学校[4]。名称
学校[4]。形象
6.
学校[5]。名称
学校[5]。形象
7.
学校[6]。名称
学校[6]。形象
功能学校(名称、图片){
this.name=名称;
这个图像=图像;
}
var学校=[
新学校(‘俄勒冈州立大学’,”http://www.sports-logos-screensavers.com/user/OregonStateBeavers.jpg"),
新学校(‘俄勒冈大学’,”http://www.sports-logos-screensavers.com/user/Oregon_Ducks06.jpg"),
新学校(‘斯坦福大学’,”http://www.sports-logos-screensavers.com/user/Stanford_Cardinal.jpg")
新学校(‘南加州大学’,”http://www.sports-logos-screensavers.com/user/USC_Trojans2.jpg"),
新学校(‘华盛顿大学’,”http://www.sports-logos-screensavers.com/user/Washington_Huskies2.jpg"),
新学校(‘圣地亚哥州立大学’,”http://www.sports-logos-screensavers.com/user/SanDiegoStateAztecs3.jpg"),
新学校(‘佛罗里达州立大学’,”http://www.sports-logos-screensavers.com/user/FloridaStateSeminoles.jpg")
];
问:我想做的是使用Jquery将schools数组的内容插入到正确的列和行中。我想通过创建一个对象数组来实现这一点,然后将相关元素插入表中的正确位置(其中logo是指向图像的链接)

我已经尝试在html的脚本部分使用Jquery的append和appendto命令,但没有成功。我还尝试使用document.getElementbyId(…),但也不起作用。我相信我的html的脚本部分永远不会被调用


欢迎任何想法。

参考
学校[x]。名称和
学校[x]。图像
不是javascript或jQuery执行这些想法的方式。实际上,这可能是在html
标记中呈现为纯文本,而不是您希望的数组元素值

这就是我要做的

首先,向每个
元素添加一个适当的类,并添加一个rel attr来保存计数器,如下所示:

<tr>
      <td>1</td>
      <td class='name' rel='0'></td>
      <td class='image' rel='0'></td>
</tr>

我没有对此进行测试,但我认为逻辑是合理的…

首先,如果您担心脚本部分没有被调用,您应该在脚本标记或
函数中的某个位置放置一个alert()或console.log(),以查看它是否被命中。是的,我这样做了。它没有被击中。不知道为什么这么难。您是直接从程序中复制代码还是在此处手动键入代码?我问这个问题是因为我在你的javascript中看到了一个错误,不知道这是否只是你文章中的一个输入错误,或者它实际上也存在于你的代码中。您在斯坦福大学新校线的末尾缺少一个逗号。您的页面底部似乎也缺少一个结尾处的逗号,这只会使页面呈现不正确,而不会使您的javascript无法执行。很好!我会尽我所能拿到分数。。。哈
<tr>
      <td>1</td>
      <td class='name' rel='0'></td>
      <td class='image' rel='0'></td>
</tr>
$.each( $("table#myTable tr td"), function(i,e){
     var $this = $(this), //set $(this) object to a variable rather than referencing it multiple times        
         rel = parseInt( $this.attr('rel') );
     //only look for td elements that have a class
     if( $this.hasClass('name') )
        $this.html( schools[ rel ].name );
     if( $this.hasClass('image') )
        $this.html( '<img src="' + schools[ rel ].image + '"/>' );
});