作者:pan2502851807 | 2023-09-07 12:47
$(document).on("click", ".add_comment", function() {
$('.text_area').show();
});
.main_text
{
width:260px;
height:75px;
background-color:#fff;
border:1px solid #000;
overflow:hidden;
}
.add_comment
{
color:#05c;
cursor:pointer;
}
.text_area
{
position:relative;
left:300px;
top:-120px;
display:none;
}
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
您好,我想点击Add comment
文字并显示class="text_area"
,但现在如果我点击Add comment
显示所有textareas但我想检测点击的内容.
例如,如果我点击第二Add comment
个textarea将显示
Ibrahim Khan..
5
您可以使用next()
如下的jQuery 方法.
$(document).on("click", ".add_comment", function() {
$(this).next('.text_area').show();
});
.main_text
{
width:260px;
height:75px;
background-color:#fff;
border:1px solid #000;
overflow:hidden;
}
.add_comment
{
color:#05c;
cursor:pointer;
}
.text_area
{
position:relative;
left:300px;
top:-120px;
display:none;
}
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
1> Ibrahim Khan..:
您可以使用next()
如下的jQuery 方法.
$(document).on("click", ".add_comment", function() {
$(this).next('.text_area').show();
});
.main_text
{
width:260px;
height:75px;
background-color:#fff;
border:1px solid #000;
overflow:hidden;
}
.add_comment
{
color:#05c;
cursor:pointer;
}
.text_area
{
position:relative;
left:300px;
top:-120px;
display:none;
}
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.