输入到td的选择器jquery

时间:2019-02-06 10:48:19

标签: javascript jquery html

你好,我有一个类 TdbeforeForcage 的td,并在其中添加了一个值,使td值可编辑,因此我遇到一个问题,即所有td值都具有相同的数字,但每个输入都应取td的值。

这是我的HTML:

<tr class="forc" style="font-size : @fontSize; font-weight: @fontWeight;">
   <td style="font-size:14px;text-align:left;">@ech.Key.Titre</td>
   @foreach (var x in ech.Value)
   {
   if (x == "<BR>")
   {
   <td style="font-size:14px;text-align:right">-</td>
   }
   else if (x == "-")
   {
   <td style="font-size:14px;text-align:right">@x</td>
   }
   else if (counter == counterTotal)
   {
   <td style="font-size:14px;text-align:right">@x</td>
   }
   else if (x.Contains("/"))
   {
   <td style="font-size:14px;text-align:left">@x</td>
   }
   else if (counter != counterTotal && x != "-" && isforcagerevision)
   {
   <td class="forcage" style="font-size:14px;text-align:right;">
   </td>
   }
   else
   {
   <td class="TdbeforeForcage" style="font-size:14px;text-align:right">@x</td>
   }
   counter++;
   }
</tr>

这是我的js,我认为选择器中存在问题:

$("tr.forc td.TdbeforeForcage").each(function () {
var html = $(this).html();
var input = $('<input class="numberforce" style="width:50%" type="text" />');
input.val(html);
$(this).html(input);
if (html.indexOf('&nbsp;') > -1)
{
var newValue = html.replace('&nbsp;', '');
$("tr.forc td.TdbeforeForcage input.numberforce").val(newValue);
}
});

2 个答案:

答案 0 :(得分:0)

您的问题可能已经解决

$("tr.forc td.TdbeforeForcage input.numberforce").val(newValue);

您将获得newValue,但随后将其设置为numberforce类的所有输入,要对其进行修复,您应该引用td自身,然后更改新添加的输入,如下所示:

$(this).find('input.numberforce').val(newValue)

答案 1 :(得分:0)

$(“ tr.forc td.TdbeforeForcage”)。each(function(){
            var html = $(this).html();
            var input = $('<input class="numberforce" style="width:50%" type="text" />');
            input.val(html);
            $(this).html(input);
            $(this).find('input.numberforce')。val($。trim(html));
        });