Question

js jq 点击a标签 显示对应的div

<li><a href=' ' class=open>浏览</a>
<div id=log class=review>
<div class=close><a href=' ' class=close>Close</a></div><div class=text id=text>”texta1“</div></div></li>
<li><a href='j ' class=open>浏览</a>
<div id=log class=review>
<div class=close><a href=' ' class=close>Close</a></div><div class=text id=text>”texta2”</div></div></li>
怎么点击a标签的时候，自己跳出对应的弹窗<li>下的痰喘，
js的代码是
$(".open").on('click', function() {
document.getElementById('log').style.display='block';
document.getElementById('fade').style.display='block'; });
$(".close").on('click', function() {
document.getElementById('fade').style.display='none';
document.getElementById('body').style.overflow='auto';});})
js怎么修改成对应的，现在不管点那个a标签第一个弹窗内容”texta1“

Answer 1

首先，ID是具有唯一性的（ID就是身份证号码，每个人都不相同），如果同一页面存在多个相同的ID，那么按ID来选择元素将永远只能选到第一个。

其次，jq本身有很方便的显示和隐藏元素的方法，可以直接使用。

下面是个例子，自己参考下：

<style>
.review {display:none}
</style>
<li>
   <a href='#' class=open>浏览</a>
   <div class=review>
      <div>
         <a href='#' class=close>Close</a>
      </div>
      <div class=text>texta1</div>
   </div>
</li>
<li>
   <a href='#' class=open>浏览</a>
   <div class=review>
      <div>
         <a href='#' class=close>Close</a>
      </div>
      <div class=text>texta2</div>
   </div>
</li>
<script>
$(function(){
   $(".open").on("click",function(){
      $(".review",$(this).parents("li")).show();
   });
   $(".close").on("click",function(){
      $(".review",$(this).parents("li")).hide();
   });
});
</script>

Answer 2

我没看到代码里有fade和body的id。大概照着你的样子写了下点击事件。顺便说下，id是唯一性的，同一页面最好不要有多个一样的id。
$(".open").on('click', function() {
$(this).find('#log').show();
$(this).find('#fade').show();
});
$(".close").on('click', function() {
$(this).parents('li').find('#fade').hide();
$('#body').css('overflow','auto');
});

追问

是在li外面的一个代码，是显示背景的，与li没有管理，通用，同body性质一样，
$(".admin_essay_review_open").on('click', function() {
$(this).parents('tbody').find('#log').show();
$('#fade').show();
});
修改后测试$('#fade').show();有效；$(this).parents('tbody').find('#log').show();无效

追答

$(this).find('#log').show();