我如何为下面的问题编写jQuery？

我需要帮助我是jQuery的新手，我想在我的一个网页中实现jQuery。 我还有一个有四个文本框的表格。 我有两个div标签，即我的代码结构如下

我只想在jquery的帮助下做到这一点

1. 在文档就绪时，第一个img应该在四个可见，其余的三个应该隐藏在内部div标签和聚焦在第一个文本框上的光标之间。
2. 现在当焦点gose到第二个文本框时，当前可见的应该被隐藏，只有第二个应该是可见的。
3. 当焦点gose到第三个文本框时，当前可见的应该被隐藏，只有第三个应该是可见的。
4. 这样，当控制转到第四个文本框时，第四个应该是可见的。

总的来说，当焦点转到任何文本框时，与它相关的应该是可见的，其余三个应该被隐藏。

因此，请帮助完成上述jQuery代码，该代码执行以下function，除了上面提到的图像外，不会影响同一页面上的其他图像。

伙计们，等待你的回复！

Answer 1

试试像我在这里做的事情 。

---

根据您的要求，第一张图片（推特）不会改变。 唯一受影响的图像是div中具有类sample

HTML

JavaScript的

 $(function () { var textboxes = $("input:text"), //gets all the textboxes images = $(".sample img"); //gets all the images images.not(":first").hide(); //hide all of them except the first one textboxes.each(function (i) { var j = i; $(this).focus(function () { images.hide().eq(j).show(); }); }); }); 

Answer 2

html可能是这样的：

和jquery：

 $(document).ready(function() { $(".images img").hide(); $("img.first").show(); $("textarea").focus(function() { $(".image img").hide(); $("img."+$(this).attr("class")).show(); }); }) 

问题就在于，你不能将其他类放到textareas和图像上。 如果您需要这样做，则必须检查某个类别

 if ($(this).hasClass("first")) { $("img.first").show(); } else if https://stackoverflow.com/questions/2206898/how-can-i-write-jquery-for-below-problem/...