Question

SO的新手...基本上，我有一个链接表，并且在该表中，我尝试使用jquery在表单元格中现有文本下方附加一个附加链接。我已经快知道了，但是我遇到了一个问题，试图弄清楚如何只填充每个单元格中的链接文本，而不是将每个链接塞入单个创建的链接中。为了说明这一点，这是我的通用代码：

<table border="1">
  <tr>
    <td><a href="#">Building1</a><br />
555 Main st.<br />
Anytown, USA 02767<br />
(555) 555-5555
    </td>
    <td>Placeholder text</td>
    <td>Placeholder text</td>
    <td>Placeholder text</td>
    <td>Placeholder text</td>
  </tr>
  <tr>
    <td><a href="#">Building2</a><br />
556 Main st.<br />
Anytown, USA 02767<br />
(555) 555-5556
    </td>
    <td>Placeholder text</td>
    <td>Placeholder text</td>
    <td>Placeholder text</td>
    <td>Placeholder text</td>
  </tr>
  <tr>
    <td><a href="#">Building3</a><br />
557 Main st.<br />
Anytown, USA 02767<br />
(555) 555-5557
    </td>
    <td>Placeholder text</td>
    <td>Placeholder text</td>
    <td>Placeholder text</td>
    <td>Placeholder text</td>
  </tr>
</table>

然后这是我的jquery：

var test1 = $('table tr td:first-child:contains(",") a').text();
$('table tr td:first-child:contains(",")').append('<br /><a href="https://www.moreinfo.com/search?find_desc=' + test1 + '&find_loc=blahblah">Link</a>');

我已经尝试了多种方法，并假设需要在某个地方涉及到每个.NET，但是希望获得更多有经验的帮助。这是我创建的一个小提琴，它可能会使它更清晰一些-https://jsfiddle.net/roz2uL4e/。

Answer 1

您需要使用.each()方法遍历单元格：

$('table tr td:first-child:contains(",")').each(
  function(){
    var test1 = $(this).find("a").text();
    $(this).append('<br /><a href="https://www.moreinfo.com/search?find_desc=' + test1 + '&find_loc=blahblah">Link</a>');
  }
);

使用jQuery将链接文本添加到生成的新链接

1 个答案: