<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
<div>
<span>текст1</span>
<button class="right">кнопка</button>
</div>
<div>
<span>текст2</span>
<button class="right">кнопка</button>
</div>
<script>
$(document).ready(function () {
$('.right').click(function() {
$(this).prev().html('другой текст');
});
});
</script>
</body>
</html>
вот вам пища для размышления.
если лень думать, в этом форуме, куча примеров ротаторов контента. просто поискать.