jquery - Jquery - 将名称/标题/alt标签从输入复制到表

Question

我有以下代码

<tr class="DataGridAlterItem" align="center">
<td align="center">
    <input id="ctl00_PageBody_grdCustomers_ctl117_rdoCustomerSelect" type="radio" name="rdo_ctl117" value="rdoCustomerSelect" onclick="check(this);" class="radio">
</td>

<div class="myDIV">
This is the related text for div###
</div>

我试图完成的是将 TD "name" (name="rdo_ctl117") 值复制到同一行中的 DIV。

最终结果看起来像这样

<tr class="DataGridAlterItem" align="center">
<td align="center">
    <input id="ctl00_PageBody_grdCustomers_ctl117_rdoCustomerSelect" type="radio" name="rdo_ctl117" value="rdoCustomerSelect" onclick="check(this);" class="radio">
</td>

<div class=""myDIV name="rdo_ctl117">
This is the related text for div###
</div>

我试过使用克隆，但它试图复制整个输入元素......我只需要名称属性。

我还尝试了下一个、上一个、兄弟姐妹等，但它的表现不如预期。

$('input[name^="rdo_ctl"]').click(function(){
 var tblTitle = $(this).attr('name');
$(this).next().prop('title', tblTitle);
});

$('input[name^="rdo_ctl"]').click(function(){
    $(this).attr('name',name).appendTo('.myDIV', name);
});

有什么建议么？

Answer 1

Fiddle DEMO

HTML

<table>
    <tr class="DataGridAlterItem" align="center">
        <td align="center">
            <input id="ctl00_PageBody_grdCustomers_ctl117_rdoCustomerSelect" type="radio" name="rdo_ctl117" value="rdoCustomerSelect" class="radio" />
        </td>
        <td>
            <div class="myDIV">This is the related text for div###</div>
        </td>
    </tr>
</table>

js

$('input[name^="rdo_ctl"]').click(function () {
    var tblTitle = $(this).attr('name');
    $(this).closest('td').next().find('div.myDIV').prop('name', tblTitle);
});