Как передать значение динамически в JQuery

Question

Я хочу получить текущее значение класса <input type="text" id="contact_name1" name="name1"/> В JS я хочу позвонить, как это $('#contact_name1').on('input', function() { }.

мой вопрос, как написать после подчеркивания текущего класса. $(#contact_"")? name1 изменения для всех классов.

Answer 1

Могу предложить использовать старт с селектором. и вы можете получить имя вашего класса следующим образом:

 $('input[id^="contact_"]').on('input', function(e) { 

var className = $(e.currentTarget).prop("class")

}

Надеюсь, это поможет

Answer 2

я сделал этот пример несколько дней назад

<script>

$("input").click(function(){ 
    var res="#"+$(this).attr('id') 
    $(res).show() 
});
</script>

просто создайте переменную, которая содержит весь текст, и после этого вы можете запустить свою функцию:)

Answer 3

Вы можете использовать , начинающийся с оператора ^= внутри селектора атрибута:

$("[id^='contact_']").on("input", fn);

$("[id^='contact_']").on("input", function() {

  var suffix = this.id.split("_")[1];
  console.log( "ID: %s SUFFIX: %s", this.id, suffix );

});

<input id="contact_name" name="name" type="text">
<input id="contact_surname" name="surname" type="text">
<input id="contact_email" name="email" type="text">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>