Question

我想使用一个类来获取td的内容，并用另一个内容替换它。我无法在td中获得全部内容，因为其中包含linebreaks。

我尝试使用<td class="guest_invite"([^<]*)和其他一些模式。但是主题都不起作用

<table cellpadding="10" style="width:100%; border-collapse: collapse;font-size:13px;margin-top:20px;font-family: opensans;">
    <tr>
        <td class="guest_invite" style="font-size:13px;border-right: 2px solid #CCC; vertical-align:top; padding:20px 20px 0px 0px; line-height:1.5; text-align:justify;" width="60%">Dear Guest,<br>
            I would like to personally thank you for choosing our Cruises. We can't wait for you to enjoy the experience of discovering many fascinating destinations in a single voyage.<br>
            You will fall in love with the gorgeous resort-style amenities.<br>
            Happy Cruising!
            <table style="margin-left:220px;padding-top:20px;font-family: opensans;width:auto;">
            <tbody>
                <tr>
                    <td>
                        <div><img alt="Logo" src="/sites/default/files/2019-05/sign.png" style="height:85px;width:128px;margin-top:5px;">
                        <div style="font-size:10px;">Pierfrancesco Vago<br>
                        Executive Chairman MSC Cruises</div>
                        </div>
                    </td>
                </tr>
            </tbody>
            </table>
        </td>
    </tr>
</table>

Answer 1

通过jQuery（简单）通过JS（JavaScript）而不是PHP（用于呈现HTML）来实现DOM操作。

这是一个小片段，可以帮助您入门：

<script>
$(function(){
  $("td.guest_invite").html(/* put here whatever content you want to replace it with */);
});
</script>

请查看here，以获取有关jQuery html方法的更多信息。

Answer 2

您可以尝试使用此代码。可在Chrome控制台中使用。
要获取内容document.querySelector(".guest_invite").textContent;，当然要更新内容document.querySelector(".guest_invite").textContent = " your content";，您必须在<script></script>标签内或外部js文件中添加代码。我还建议您使用外部样式表。

如何在具有类的TD中获取内容？

2 个答案: