Question

我有三个从数据库动态生成的表，并且所有表都具有相同的id publicationtable。每个表包含两个子表，分别具有不同的类快捷方式和完整。我想在每个表中附加包含.pdf的href来结束包含在pubdit和pubyear类中的td中包含的文本，即

我使用的jQuery如下所示，问题是所有表中的href重复使用相同的标题（用带有类pubtitle的td括起来）和year（用td类pubyear包含）。我希望每个表中的hrefs在每个表中获得标题（标题1，标题2，标题3）

jQuery('#publicationtable').each(function() {
var title = jQuery(.pubtitle).text();
var link = jQuery('.shortcut a[href*=".pdf"]')
jQuery(link).attr('href', function() {
return jQuery(link).href + jQuery('.pubtitle' ).first().text().trim() + ","  + jQuery('.pubyear' ).first().text().trim();
});
});

动态生成表的标记

<table id="publicationtable" width="600" border="0" cellpadding="0" cellspacing="0">
    <tbody><tr>
    <td align="left" width="115" valign="top" rowspan="6">
    <table class="shortcut" width="100%" border="0" cellpadding="0" cellspacing="0">                        
    <tbody><tr>
    <td width="28%">
    <input type="checkbox" name="listChecked" value="^m1730^h1">
    </td>   
    <td width="72%">
    <font face="verdana" size="1"><i><b>select</b></i></font>
    </td>
    </tr>
    <tr><td width="28%">
    &nbsp;</td> 
    <td width="72%">
    <b>
    <font face="verdana" size="1"><i>to print</i></font></b>
    </td>
    </tr>
    <tr>
    <td width="10%">&nbsp;</td>
    <td width="100%" class="publang"><font face="verdana" size="1"><i><b>
    <a href="test.pdf">English</a>[1.89Mb]</b></i></font></td>
    </tr>
    <tr>
    <td width="10%">&nbsp;</td>
    <td width="100%" class="publang"><font face="verdana" size="1"><i><b>
    <a href="test1.pdf">French</a>[1.92Mb]</b></i></font></td>
    </tr>
    <tr>
    <td width="10%">&nbsp;</td>
    <td width="100%" class="publang"><font face="verdana" size="1"><i><b>
    <a href="test3.pdf">Arabic</a>[1.9Mb]</b></i></font></td>
    </tr>
    </tbody></table>
    </td>
    <td width="485">
    </td></tr><tr><td><b><font color="#000000" size="2" face="Verdana">
    1730</font></b></td></tr><tr><td class="pubtitle"><b>
    <font face="Verdana" size="2">Title one</font></b></td></tr><tr><td>&nbsp;</td></tr><tr><td class="pubyear">&nbsp;</td></tr><tr><td>&nbsp;</td></tr><tr><td>&nbsp;</td></tr><tr><td>
    <font color="#000000" size="2" face="Verdana">&nbsp;&nbsp;</font></td></tr><tr><td><font color="#000000" size="2" face="Verdana">
    </font></td></tr></tbody></table></td></tr></tbody></table></center>

    <center>

    <b><font color="#FF0000" size="5">This is the second table </font></b>
    <table id="publicationtable" width="600" border="0" cellpadding="0" cellspacing="0">
    <tbody><tr>
    <td align="left" width="115" valign="top" rowspan="6">
    <table class="shortcut" width="100%" border="0" cellpadding="0" cellspacing="0">                        
    <tbody><tr>
    <td width="28%">
    <input type="checkbox" name="listChecked" value="">
    </td>   
    <td width="72%">
    <font face="verdana" size="1"><i><b>select</b></i></font>
    </td>
    </tr>
    <tr><td width="28%">
    &nbsp;</td> 
    <td width="72%">
    <b>
    <font face="verdana" size="1"><i>to print</i></font></b>
    </td>
    </tr>
    <tr>
    <td width="10%">&nbsp;</td>
    <td width="100%"><font face="verdana" size="1"><i><b><a href="book1.pdf">English</a>[1.89Mb]</b></i></font></td>
    </tr>
    <tr>
    <td width="10%">&nbsp;</td>
    <td width="100%"><font face="verdana" size="1"><i><b><a href="book2.pdf">French</a>[1.92Mb]</b></i></font></td>
    </tr>
    <tr>
    <td width="10%">&nbsp;</td>
    <td width="100%"><font face="verdana" size="1"><i><b><a href="book3.pdf">Arabic[</a>1.9Mb]</b></i></font></td>
    </tr>
    </tbody></table>
    </td>
    <td width="485">
    </td></tr><tr><td><b><font color="#000000" size="2" face="Verdana">
    1729</font></b></td></tr><tr><td class="pubtitle"><b>
    <font face="Verdana" size="2">Title two</font></b></td></tr><tr><td>&nbsp;</td></tr><tr><td class="pubyear">&nbsp;</td></tr><tr><td>&nbsp;</td></tr><tr><td>&nbsp;</td></tr><tr><td>
    &nbsp;</td></tr><tr><td><font color="#000000" size="2" face="Verdana">
    </font></td></tr></tbody></table></td></tr></tbody></table></center>
    <!-- End of table two -->

使用jQuery循环使用相同ID的动态生成的表

0 个答案: