Javascript используется для сравнения текста не работает

Question

Я использовал jQuery из picadiff для сравнения

в моем

.

Я следовал за шагами соответственно, но я не уверен, почему это не появляется соответственно.

Вот мои коды в бритве для бритвы (cshtml):

   $(document).ready(function () {
        $('form').submit(function (event) {
            event.preventDefault();
            $('.picadiff').picadiff({
                leftContent: $('.leftForm td').val(),
                rightContent: $('.rightForm td').val()
            });
        });
        $(".picadiff").picadiff();
    });

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script>
    <script src="~/Scripts/diff_match_patch.js"></script>

    <!-- Helper Classes -->
    <script type="text/javascript" src="~/Scripts/diff_match_patch_extended.js"></script>

    <!-- Widget -->
    <script src="~/Scripts/picadiff.js"></script>

  

    <link href="http://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="~/styles/jquery.picadiff.css">
    <script src="~/Scripts/picadiff.js"></script>

    <table class="picadiff">
        <tr>
            <th>Header:</th>
            <td style="width:45%" class="leftForm form">
                foreach (string x in @displayarray1)
                {
                    <p>@x</p>
                }
            </td>
            <td style="width:45%" class="rightForm form">
                foreach (string x in @displayarray2)
                {
                    <p>@x</p>
                }
            </td>
        <tr>
    </table>

Могу ли я знать, где я ошибся? Любая помощь будет принята с благодарностью:)

В целом, моей конечной целью является создание веб-сайта, который сравнивает и отображает результаты в таблице, которая подчеркивает сходства и различия. Что похоже на gsmarena.

Answer 1

Вы используете неправильную функцию jQuery. Согласно документации jQuery,

Метод .val() в основном используется для получения значений элементов формы, таких как input, select и textarea.

Вы вызываете эту функцию в ячейке таблицы, которая технически не имеет «значения». Вероятно, вы ищете .text() - при условии, что вам нужен только текст, а не внутренний html (так как ваш текст заключен в теги <p>). Проверьте документацию для получения дополнительной информации

.val () Документация

.text () Документация