Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > jQuery выборка значения соседней ячейки

Автор: Prontit 12.5.2014, 20:38

Здравствуйте,

имею следующую табличку:

Код


<table>
    <tr>
        <td></td>
        <td>
            <select onchange="my_clever_funtion(this);">
                <option value="1">а</option>
                <option value="2">б</option>
                <option value="3">ц</option>
            </select>
        </td>
        <td>777</td>
    </tr>
....................и много много таких строк
</table>

нужно, чтобы my_clever_funtion могла брать value из выбранного option и записывать его в соседнюю td, в данном примере, вместо "777"

были какие-то такие варианты, чтобы получить значение этой ячейки, но даже это не получилось...:

Код


$(this).parent('tr:first-child').text();

но не могу понять, как мне "выбраться" из select в ее родителя td, например, и получить/записать данные td стоящую сразу по соседству или любую другую...
много перебирал сочетаний first-child, parent и тд и тп, но ничего не вышло.

Подскажите, пожалуйста, Уважаемые Знатоки JS.

Автор: Prontit 12.5.2014, 21:19

сделал так

Код


function my_clever_funtion(elem)
{
        //записываю в переменную выбранное value
    txt = $(elem).find('option:selected').val();

        //вытаскиваю через родителя следующий элемент, т.е. td
    my_elem = $(elem).parent().next();

    //ну и собственно пишу так текст
    my_elem.text(txt);
}

это нормальное решение? и можно ли как-то оптимизировать?

на ум только

Код


$(elem).parent().next().text($(elem).find('option:selected').val());

приходит)))

Автор: Prontit 13.5.2014, 09:23

Другая возникла проблема, та же функция

Код


function my_clever_funtion(elem)

куда передаю

Код

this

, и хочу сделать вот так

Код


$(".drivers option[value=' $(elem).find('option:selected').val() ']").not($(elem)).remove();

т.е. удалить у всех select'ов класса drivers, кроме текущего, элемент с value который выбран в текущем...срабатывает, но удаляется везде, даже в текущем...не работает not...

Автор: Aliance 13.5.2014, 09:28

Это не оптимизация. Конечно это аналогично написанному выше, но полностью убирать переменные не всегда хорошая практика. Первое решение, с этой точки зрения, видится мне более читабельным, чем одностроковый код. Разве что у вас все переменные - глобальные, это только не гуд. Не забываем ключевое слово var.

Далее, получить значение select`a в jQuery можно намного проще - $(selectSelector).val(), без условия на выбор выбранного option`а.

В остальном же, без указания классов/ID`шников это единственное адекватное решение, нет смысла его оптимизировать.

Код на удаление всех, кроме текущего, наверное все же должен выглядеть так:

Код


$(".drivers option[value='" + $(elem).find('option:selected').val() + "']").not($(elem)).remove();

И совет: если у вас в скрипте используется дублирующийся селектор - выносите его в переменную, вот вам и оптимизация smile

Но в данном случае в not можно передавать нативную ссылку на элемент: http://jsfiddle.net/Aliance/RBg8Q/

PS: наверное все же my_clever_funCtion

Автор: Prontit 13.5.2014, 11:13

Цитата(Aliance @ 13.5.2014, 09:28)

Код


$(".drivers option[value='" + $(elem).find('option:selected').val() + "']").not($(elem)).remove();

Благодарю за ответ!

Но при варианте,

Код


$(".drivers option[value='" + $(elem).find('option:selected').val() + "']").not($(elem)).remove();

этот элемент удаляется и в текущем селекте, не работает not почему-то...

Автор: Aliance 13.5.2014, 12:09

Цитата(Prontit @ 13.5.2014, 12:13

)

этот элемент удаляется и в текущем селекте, не работает not почему-то...

Ну наверное потому, что нужно не просто скопипастить кусок кода, что я написал, а изменить его самостоятельно с учетом тех правок, что я написал выше.

Автор: Prontit 13.5.2014, 12:41

Цитата(Aliance @ 13.5.2014, 12:09)

Цитата(Prontit @ 13.5.2014, 12:13

)

этот элемент удаляется и в текущем селекте, не работает not почему-то...

Код


    $(".drivers").on('change', function() {
        $(".drivers option[value='" + $(this).find('option:selected').val() + "']").not(this).remove();
    });

что не так сделал?

Автор: Aliance 13.5.2014, 13:16

Потому что селектор ищет option`ы, а потом метод not говорит, что нужно из найденной коллекции исключить элемент, равный select. А любой из option != select, поэтому и удаляются все.

Вот рабочий вариант: http://jsfiddle.net/Aliance/RBg8Q/2/

Автор: Prontit 13.5.2014, 13:21

Цитата(Aliance @ 13.5.2014, 13:16)

понял ошибку. Благодарю за помощь!