js 点击li标签下的a 跳出对应的li标签div内容

Posted 2023-03-10

<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“

$(".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
); 参考技术A 一个用open1,一个用open2就行了