用tQuery用td包装两个div

时间:2014-06-27 13:27:36

标签: javascript jquery html css sugarcrm

我在HTML中有以下代码,它在一个表格内和一个<td>内。这些字段在sugarCRM CE中。第一个<div>是系统(工作室)的原创。内部跨度的第二个是使用jQuery创建的。

我的任务是用jQuery将它们包装()到两个独立的td&#39; s中。

<div style="width: 100%; min-height: 10px; display: inline;" ondblclick="EDV.show_edit('google_keyword_1_c','varchar')" class="div_value" id="google_keyword_1_c_detailblock" target_id="google_keyword_1_c">
                <span style="background: none repeat scroll 0% 0% whitesmoke;" class="sugar_field" id="google_keyword_1_c_span">qweqweqw</span>
            </div>
        </td>
        <td>
            <span style="display:inline" id="spany_span"><a href="http://www.google.com/search?q=qweqweqw Varna VN" target="_blank">Google</a>
            </span>

它们是五个字段,我使用这段代码为每个字段设置jQuery:

$('div#google_keyword_'+i+'_c_detailblock').wrap('<table><tbody><tr><td>').css('display','table').after('<div style="display: table"><span style="display: inline" id="spany"><a href="' + url + '" target="_blank">Google</a></span></div>');

我的问题是当我尝试$('#google_keyword_1_c_detailblock').wrap('<td>');<div>放在应该放置的位置但是在关闭</div>之前设置了结束<tbody> </tr>

这是我想在jQuery的帮助下实现的HTML。

<table>
<tbody>
    <tr>
        <td>
            <div style="width: 100%; min-height: 10px; display: inline;" ondblclick="EDV.show_edit('google_keyword_1_c','varchar')" class="div_value" id="google_keyword_1_c_detailblock" target_id="google_keyword_1_c">
                <span style="background: none repeat scroll 0% 0% whitesmoke;" class="sugar_field" id="google_keyword_1_c_span">qweqweqw</span>
            </div>
        </td>
        <td>
            <span style="display:inline" id="spany_span"><a href="http://www.google.com/search?q=qweqweqw Varna VN" target="_blank">Google</a>
            </span>
        </td>
    </tr>
</tbody>

0 个答案:

没有答案