如何在jquery中动态地传递值(how to pass value dynamically in jquery)

如何在jquery中动态地传递值(how to pass value dynamically in jquery)

我想获得当前类的值<input type="text" id="contact_name1" name="name1"/>在js中我想调用像这样$('#contact_name1').on('input', function() { } 。

我的问题是如何在当前下划线之后编写。 $(#contact_"") ？ 所有类的name1更改。

I want to get current class value <input type="text" id="contact_name1" name="name1"/> In js i want to call like this $('#contact_name1').on('input', function() { }.

my question is how to write after underscore current class. $(#contact_"")? name1 changes for all classes.

最满意答案

您可以在属性选择器中使用 ^=运算符的开头 ：

$("[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> 
  
 
You could use the starts with ^= operator inside the attribute selector:
 
$("[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>