Question

我对javascript和jquery很新。我正在尝试旋转位于包装器div中的2个div的内容。一个div包含一张照片，另一个div包含一些样式文本（h1，h3，p，span）。这是一个由4个冲浪板组成的画廊，有4张照片和4个描述。单击链接时，我一直在尝试旋转div的内容。包含照片的div旋转正常。我可以在文本div（currentBoard）中获得一个描述来旋转，但之后唯一会改变的是照片，并且描述在被点击的第一个上保持静态。由于包含文本的div已经应用了一个类，因此我使用id来旋转内容。这个div的实际内容是在css中使用：after和：before和作为此div的id更改我试图将内容应用为新id的内容。我只是无法让文本内容div与照片div同步旋转。下面的代码就是我现在所拥有的，我已经尝试了很多东西。 currentBoard是我想改变的文本div中的id。我假设我需要先以某种方式删除旧的id然后添加新的id但我尝试过的所有内容都失败了。任何帮助是极大的赞赏。谢谢！

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(evt) {
$("a:has(img.boardGallery)").click(function() {
var largePath = $(this).attr("href");
var caption = $(this).attr("id");
var currentBoard = $("#currentBoard");    
currentBoard.attr({ id: caption });
$("#photo_large").attr({ src: largePath });
return false;       
}); 
}); 
</script>

Answer 1

切换ID不会改变div的内容如果你想改变div中显示的内容，你应该在内部html中写一个新值。

以下是显示如何完成问题的链接： How to replace innerHTML of a div using jQuery?

如果你想让一个div消失而另一个显示，你应该使用CSS属性并更改＆＃39;显示＆＃39;属性。您可以使用jQuery中的Show（）和Hide（）来完成此操作。以下是显示如何执行此操作的问题的链接： jquery show/hide div

如何使用jquery和javascript更改div的内容？

1 个答案: