添加跨度到tablerow

Question

我有一个ASP.Net登录表单。现在我想在输入旁边的td中添加一个带图标的span。

它看起来像这样：

<table>
  <tr>
    <td>Some text</td>
    <td></td>
    <td>Input with an ID</td>
    <td></td>
  </tr>
</table>

事情是;我只知道输入的ID。如何“找到”旁边的td，添加跨度？

Answer 1

$("table #myInput").parent().next().append("html");

查找输入id - > go parent - > next element - >追加你的图标

希望它会对你有所帮助。

Answer 2

使用正则表达式查找内容并将跨度附加到该td的下一个td。

$('td').each(function(){
if (/\input\b/gi.test($(this).text())){
 $(this).next().append('<span>span added</span>');
}

  //\b = word boundary
  //g = global
  //i = case insensitive (if needed)
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td>Some text</td>
    <td></td>
    <td>Input with an ID</td>
    <td></td>
  </tr>
</table>

Answer 3

如果您知道td元素的id，那么您可以简单地执行此操作：

// For same element
$('td#input').html('<span>' + $('td#input').text() + '</span>');
// For next element
$('td#input').next().html('<span>' + 'test' + '</span>');**