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>

我尝试过使用clone但是它试图复制整个输入元素......我只需要name属性。

我也尝试了下一个，上一个，兄弟姐妹等等，但它的表现并不像预期的那样。

$('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);
});

Jquery - 从输入到表复制名称/标题/ alt标记

1 个答案: