jQuery table selector jquey 表格选择器

最新推荐文章于 2021-11-11 17:12:15 发布

nailwl

最新推荐文章于 2021-11-11 17:12:15 发布

阅读量4.2k

点赞数

文章标签： jquery table video div javascript border

本文链接：https://blog.youkuaiyun.com/nailwl/article/details/5688939

版权

本文介绍了一个使用jQuery操作HTML元素的具体实例，主要展示了如何从表格中选取特定行与列的数据，并将其赋值给一个指定的HTML元素。通过这个例子，读者可以了解到jQuery选择器的基本用法及其对DOM的操作技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jQuery("#recommandVideoTitle").html(jQuery("#video table tr:nth-child(3)").children("td:nth-child(2)").html());

完整实例：

<div id="video" class="list"> <table border="0" width="750" style="font-size:13px;text-align:left;" mce_style="font-size:13px;text-align:left;"> <tr style="width:758px;height:27px;"> <td colspan="6" style="background:url(../image/list.gif);" mce_style="background:url(image/list.gif);"> <div style="color:#FFF;font-weight:bolder;padding-left:50px;" mce_style="color:#FFF;font-weight:bolder;padding-left:50px;">视频列表</div> </td> </tr> <mce:script type="text/javascript" language="javascript"></mce:script> <tr style="margin:5px;" mce_style="margin:5px;"> <td height="10%" width="2%" style="text-align:center;" mce_style="text-align:center;"></td> <td width="30%"></td> <td width="12%"></td> <td width="15%"></td> <td width="5%"></td> <td rowspan="10" width="30%" style="text-align:center;" mce_style="text-align:center;"> <img src="../components/keyframewindow/keypicture.php?TYPE=RecommendVideo" mce_src="components/keyframewindow/keypicture.php?TYPE=RecommendVideo" width="200px" height="200px" /> <br /> <div id="recommandVideoTitle"></div> </td>  </tr> {foreach name=Recordouter key=videoRecordkey item=videoRecordValue from=$videoRecord} {if $videoRecordValue.TYPE eq "video"} <tr> <td height="10%" style="text-align:center;" mce_style="text-align:center;"><img src="../image/icon_video.gif" mce_src="image/icon_video.gif" /></td> <td width="30%"> <div style="text-overflow:ellipsis;overflow:hidden;white-space:nowrap;float:left;margin-left:10px;margin-top:5px;width:200px;"> 【汉族】<a href="viewone.php?id={$videoRecordValue.COLLECTION_GUID}&mode=video" mce_href="viewone.php?id={$videoRecordValue.COLLECTION_GUID}&mode=video">{$videoRecordValue.ORIGINALTITLE}</a> </div> </td> <td>{$videoRecordValue.CLASSIFICATION_NAME}</td> <td>{$videoRecordValue.ITEM_CREATE_TIME|date_format:"%Y-%m-%d"}</td> <td>{$videoRecordValue.HOT}</td> </tr> {/if} {/foreach} </table> </div>