Цепочки функций jquery - Beginner

Question

Я пытаюсь установить имя и идентификатор элемента при нажатии переключателя. Чтобы избежать дублирования селектора, я попытался настроить его следующим образом:

$("#selectOther").click(function() { 
    $("[field=primaryInput]").attr('id', "modifiedId", function() { 
     $(this).attr('name', "modifiedName"); 
     if ($(this).attr('visible') == "False") { 
      $(this).slideDown('fast'); 
      $(this).attr("visible", "True"); 
     } 
    }); 
}); 

Однако, он не работает. Кажется, что идентификатор изменен, но Имя не является, а остальная часть функции выполнена. Может ли кто-нибудь помочь мне понять, как правильно это выразить?

Адрес JFiddle.

EDIT: В моем последнем случае у меня будет несколько кнопок, которые откроют поле, если оно скрыто, и другие, которые скроют его, если он будет виден. Вот почему я не использую .slideToggle()

Answer 1

Смотреть это fiddle:

$('input[type="radio"]').click(function() { 
    $('input[data="primaryInput"]') 
    .prop('id', this.id) 
    .prop('name', this.name) 
    .val(this.value) 
    .css('display', 'inline-block'); 
}); 

Кол-во пунктов:

1. Вы не установили внешний ресурс (а именно JQuery) в вашей скрипкой - так вы никогда не получите функции jQuery для выполнения
2. Используйте атрибут data для пользовательских атрибутов. Вы можете получить к ним доступ так, как я это сделал, или, выбрав $(element).data('field')

Этот пример может помочь вам понять, как работает цепочка. Еще одна рекомендация состоит в том, что цепочка работает только в том случае, если следующий метод получает тот же самый элемент, который возвращает предыдущий метод. Если он когда-либо изменится, вы можете использовать end(), чтобы получить предыдущее состояние.