Выбор из нескольких элементов в jquery

Question

Я пытаюсь изменить этот код JavaScript в jQuery, но я не уверен, что эквивалент использования onClick = 'function(this)' с функцией jQuery's .click.

JavaScript:

function setInput(text) { 

    var getClicked = text.name; 
    var click = document.getElementById(getClicked); 
    var show = document.getElementById('show_' + getClicked); 

    show.value = click.value; 
} 

HTML:

<input type='text' name = "a" id = "a" onclick='setInput(this);'> 
<input type = "text" id = "show_a"><br> 
<input type='text' name = "b" id = "b" onclick='setInput(this);'> 
<input type = "text" id = "show_b"> 

Answer 1

$('input[type="text"]').on('click', function(){ 
    $('#show_' + $(this).attr('name')).val($(this).val()); 
}); 

Answer 2

Если входы уже существуют в DOM, следующие будут работать.

$('#a, #b').click(function() { 
    setInput(this); 
}); 

В противном случае, попробуйте

$(function() { 
    $('#a, #b').click(function() { 
     setInput(this); 
    }); 
}); 

Answer 3

HTML:

<input class="clickme" type="text" name ="a" id ="a"> 
    <input type ="text" id ="show_a"><br> 
<input class="clickme" type="text" name ="b" id ="b"> 
    <input type ="text" id ="show_b"> 

JQuery:

$(document).ready(function(){ 
    $(".clickme").click(function(){ 
     id = "#show_"; 
     id += $(this).prop("id"); 
     $(id).show(); 
    }); 
}); 

Fiddle: http://jsfiddle.net/gTtHT/1/

Answer 4

jQuery использует селектор CSS для доступа к элементам в DOM. Если вы даете эти элементы ввода имя класса, как «устанавливаемое», вы можете добавить поведение:

$(".settable").click(function(e){ 
    var getClicked = $(this).attr('name'); 
    ... 
}); 

Где $ (это) относится к элементу, который был щелкнули.