Блог

Главная - Вопросы по программированию - Синтаксический анализ значения в неправильной области

Синтаксический анализ значения в неправильной области

#javascript #jquery #forms

#javascript #jquery #формы

Вопрос:

У меня есть несколько подобных кодов. Результат 1 работает нормально, но результат 2 отображает входные данные из результата 1.

Кто-нибудь, пожалуйста, может мне помочь?

JS:

 $(document).ready(function(){
    exampleResult1();   
    function exampleResult1() {
        $(".exampleResult1 .result").text(
            '<div>'   $(".content").val()   '</div>'
        )
    }
    $(".exampleResult1 input").keyup(exampleResult1);


    exampleResult2();   
    function exampleResult2() {
        $(".exampleResult2 .result").text(
            '<div>'   $(".content").val()   '</div>'
        )
    }
    $(".exampleResult2 input").keyup(exampleResult2);

})

HTML:

 <div class="exampleResult1">
    <p><input type="text" class="content"></p>
    Code: 
    <div class="code">
        <code><div class="result"></div></code>
    </div>
</div>

<div class="exampleResult2">
    <p><input type="text" class="content"></p>
    Code: 
    <div class="code">
        <code><div class="result"></div></code>
    </div>
</div>

Ответ №1:

Используйте приведенный ниже код :

  $(document).ready(function(){
    $('.exampleResult2 .content').keyup(function ()
    {
        $('.exampleResult1 .result').text($('.exampleResult1 .content').val());
    });

    $('.exampleResult2 .content').keyup(function ()
    {
        $('.exampleResult2 .result').text($('.exampleResult2 .content').val());
    });
 })

ОБНОВЛЕНО

Это предварительный просмотр в реальном времени

Комментарии:

1.Почему нет $('.exampleResult2 .content') и $('.exampleResult1 .content') ? Кажется быстрее? редактировать лучше jsFiddle

2. Да, я думаю, это быстрее, чем $('.exampleResult2 .content')

3. С отдельными аргументами быстрее?? Что, если вы хотите выбрать .foo .bar .three ? Или div.foo, div.bar pre ? Как бы вы это сделали? Почему отдельные аргументы должны быть быстрее?

4. Извините, что я добавил класс «result» в div. Не могли бы вы, пожалуйста, обновить свой код для меня? Это немного сбивает с толку меня atm. Спасибо за вашу помощь.

5. Это нормально =) Сэкономленная наносекунда действительно никого бы не беспокоила. Если вы считаете, что ваша версия была более читаемой, вам все равно следует использовать этот IMO.