Javascript 使用html按钮立即刷新X div元素。如何缩短我的代码？

我有三个div和一个按钮。在我的jQuery脚本中，每次单击按钮，这三个div元素都会立即刷新

HTML代码

<input id="refresh" type="button" value="Refresh"/>
<div id="R1">Value 1</div>
<div id="R2">Value 2</div>
<div id="R3">Value 3</div>

JSFIDDLE示例

我想做的是缩短代码，而不必为所有div编写相同的代码。在另一个脚本中，我使用了类似的东西

 $JQ_("[id^='opener_']").click(function () {
     $JQ_("#dialog_" + this.id.split('_')[1]).dialog("open");
 });

---

但这是另一种情况。你知道如何让我的代码像这样工作吗？

把你想要刷新的div放在一个类中，并使用类标识符作为你的jQuery代码。这将允许您在多个div上运行jQuery代码，而无需为每个div复制粘贴相同的代码。

将要刷新的div放入一个类中，并使用jQuery代码的类标识符。这将允许您在多个div上运行jQuery代码，而不必为每个div复制粘贴相同的代码。

@GreenMadness我没有在“var$JQ_=jQuery.noConflict（）；”中添加它行，但如果您想使用$JQ_uu而不是$@GreenMadness，它仍然需要它。我也没有正确地用“}”）结束.each；'我修正了答案。@GreenMadness我没有添加到'var$JQ_2;=jQuery.noConflict（）；'行，但如果您想使用$JQ_uu而不是$@GreenMadness，它仍然需要它。我也没有正确地用“}”）结束.each；'我修正了答案。

<input id="refresh" type="button" value="Refresh"/>
<div id="R1" data-url="index.php #R1" class="thing">Value 1</div>
<div id="R2" data-url="index.php #R2" class="thing">Value 2</div>
<div id="R3" data-url="index.php #R3" class="thing">Value 3</div>

<input id="refresh" type="button" value="Refresh"/>
<div id="R1" data-url="index.php #R1" class="thing">Value 1</div>
<div id="R2" data-url="index.php #R2" class="thing">Value 2</div>
<div id="R3" data-url="index.php #R3" class="thing">Value 3</div>

$JQ_("#refresh").click(function() {
    $JQ_('div.thing').each(function() {
        var url = $JQ_(this).data('url');

        $JQ_(this).load(url).fadeOut(1000).fadeIn(1000);
    });
});