Как получить содержимое в тд, имеющем класс?

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

Вы можете попробовать этот код.Работает в консоли Chrome.
Для получения содержимого document.querySelector(".guest_invite").textContent; Для обновления содержимого document.querySelector(".guest_invite").textContent = " your content"; Конечно, вы должны добавить код внутри тегов <script></script> или во внешний файл js.Я бы также предложил вам использовать внешние таблицы стилей.

Answer 2

Работа с DOM осуществляется с помощью JS (javascript) с использованием jQuery (проще), а не PHP (который используется для визуализации HTML).

Вот небольшой фрагмент для начала:

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

Смотрите здесь для получения дополнительной информации о методе jQuery html.