Javascript 在jquery函数中将动态值作为id传递

我试图将动态值传递给jquery函数

这段代码可以很好地工作：（当我传递特定id时）

但以下代码似乎不起作用：（尝试动态传递）

这是我的HTML：

<div  id="page1" style="display: none;">
<p>Lorem ipsum dolor sit amet1.</p>
</div><!--end div 1-->
<div  id="page2" style="display: none;">
<p>Lorem ipsum dolor sit amet2.</p>
</div><!--end div 2-->
<div  id="page3" style="display: none;">
<p>Lorem ipsum dolor sit amet3.</p>
</div><!--end div 3-->
<div id="page4" style="display: none;">
<p>Lorem ipsum dolor sit amet4.</p>
</div><!--end div 4-->

<ul class="pagination pagination-lg" id="slidedown">

         <li><a href="#" name="page1">1</a></li>
         <li><a href="#" name="page2">2</a></li>
         <li><a href="#" name="page3">3</a></li>
         <li><a href="#" name="page4>4</a></li>

      </ul>

Lorem ipsum dolor sit amet1

Lorem ipsum dolor sit amet2

Lorem ipsum dolor坐在一起

Lorem ipsum dolor坐在一起4

将变量传递给jquery时出错吗

您选择错误名称在锚定标签中而不是ul中

$（'#slidedown li a'）。单击（函数（）{//检查选择器
var name=$（this.attr（“name”）；
$（'#'+name）.slideDown（）；
});

Lorem ipsum dolor sit amet1

Lorem ipsum dolor sit amet2

Lorem ipsum dolor坐在一起

Lorem ipsum dolor坐在一起4






向下滑动的
元素没有名称，这就是为什么它不工作的原因，请等待您更正我的错误：）
$('#slidedown').click(function () {
    var name = $(this).attr("name");
    $('#' + name).slideDown();
});

<div  id="page1" style="display: none;">
<p>Lorem ipsum dolor sit amet1.</p>
</div><!--end div 1-->
<div  id="page2" style="display: none;">
<p>Lorem ipsum dolor sit amet2.</p>
</div><!--end div 2-->
<div  id="page3" style="display: none;">
<p>Lorem ipsum dolor sit amet3.</p>
</div><!--end div 3-->
<div id="page4" style="display: none;">
<p>Lorem ipsum dolor sit amet4.</p>
</div><!--end div 4-->

<ul class="pagination pagination-lg" id="slidedown">

         <li><a href="#" name="page1">1</a></li>
         <li><a href="#" name="page2">2</a></li>
         <li><a href="#" name="page3">3</a></li>
         <li><a href="#" name="page4>4</a></li>

      </ul>