Question

js 点击li标签下的a 跳出对应的li标签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

$(".open").on('click', function () {
var li = $(event.target).parent('li')
alert(li.find('div.text').text())
document.getElementById('log').style.display = 'block';
document.getElementById('fade').style.display = 'block';
return false
});

Answer 2

一个用open1,一个用open2就行了