在Jquery中的特定索引处输出HTML

我发现jquery有一个问题

我希望在输入字段中的特定数组索引上有一个HTML输出

<tr>
<td><input type="text" name="ean[]">
<input type="text" name="serial[]">
</td>
<td class="article[]"></td>
</tr>

$('input[name^="ean"]').change(function(event) {
   var index = $('input[name^="ean"]').index( this );
   $('.article:eq(index)').html("test");
});

$（'input[name^=“ean”]”）。更改（函数（事件）{
var index=$（'input[name^=“ean”]'）。索引（this）；
$（'.article:eq（index）'）.html（“test”）；
});

其目的是，jquery在输入字段（ean）更改后将特定值放在索引（类文章）上

使用此代码，当前更改的索引没有输出

提前谢谢你的帮助

使用方法或连接索引值

$('input[name^="ean"]').change(function(event) {
   var index = $('input[name^="ean"]').index( this );
   $('.article\\[\\]').eq(index).html("test");
});

---

---

尽管最好缓存jQuery对象以备将来使用

var $art = $('.article\\[\\]');
var $inp = $('input[name^="ean"]').change(function(event) {
   var index = $inp.index(this);
   $art.eq(index).html("test");
});

仅供参考：类名的末尾包含

[]

，因此您需要将其包含在选择器中，尽管您需要将两者都转义，因为方括号具有特殊含义

或者，从类名中删除

[]

，并像往常一样使用它，我个人更喜欢这样

<tr>
<td><input type="text" name="ean[]">
<input type="text" name="serial[]">
</td>
<td class="article"></td>
</tr>

var $art = $('.article');
var $inp = $('input[name^="ean"]').change(function(event) {
   var index = $inp.index(this);
   $art.eq(index).html("test");
});

var$art=$（“.article”）；
var$inp=$（'input[name^=“ean”]”）。更改（函数（事件）{
var指数=$inp.指数（本）；
$art.eq（index.html（“测试”）；
});
感谢您的快速回复

不幸的是，它不起作用

我使用适当的类名对td字段进行了测试：

$('td[class^="article"]').html('test');

当然，这样做会对所有位置进行“测试”

试过之后

$('.article:eq(' + index + ')').html("test");

没有输出

如果我尝试标记一个修复索引，也没有输出，比如

$('.article:eq(0)').html("test");

eq和我使用的jquery版本（1.10.3）会有问题吗
 ：D现在你将我的答案与你的答案连在一起，而不仅仅是
索引。@ZakariaAcharki：以前我把它添加为注释行。。。现在分成两部分。。。。
$('.article:eq(0)').html("test");