Question

不知何故，我无法根据以下代码使用表格中的数据预先填充textarea：

HTML：

<td id="1_desc" class="edit_desc"><div class="gallery clearfix"><a href="{url}" rel="wp-prettyPhoto" title="VIDEO TITLE HERE">View Commercial</a></div></td>
<textarea id="edit_form_desc" rows="7" cols="50"></textarea>

jQuery的：

var desc = jQuery("#1_desc").html();
jQuery("#edit_form_desc").val(desc);

示例http://jsfiddle.net/RkmYJ/

当我有“硬编码”变量'desc'时，一切正常。

有任何线索吗？

由于

Answer 1

看起来浏览器正在抛弃您上面描述的无父<td>。把它包裹在一张桌子里，事情看起来好多了：

<table>
  <tr>
    <td id="1_desc" class="edit_desc"><div class="gallery clearfix"><a href="{url}" rel="wp-prettyPhoto" title="VIDEO TITLE HERE">View Commercial</a></div></td>
  </tr>
</table>

<textarea id="edit_form_desc" rows="7" cols="50"></textarea>

更新了小提琴here

Answer 2

如果您将其设为实际<table></table>而不仅仅是<td>，则该元素在<table></table>之外没有任何意义，那么它可以正常运行：jsfiddle update

 <table><tr><td id="1_desc" class="edit_desc"><div class="gallery clearfix"><a href="{url}" rel="wp-prettyPhoto" title="VIDEO TITLE HERE">View Commercial</a></div></td></tr></table>

<textarea id="edit_form_desc" rows="7" cols="50"></textarea>

无法根据表中的数据使用jQuery预填充textarea

2 个答案: