Javascript 获取父Div,然后获取其中的元素
我有一些html(注意,这段html是重复的,里面的数据在变化): 但警报框显示“未定义”错误 有人能抽出5分钟让我看看我的错误吗 谢谢, 克雷格改用Javascript 获取父Div,然后获取其中的元素,javascript,jquery,html,Javascript,Jquery,Html,我有一些html(注意,这段html是重复的,里面的数据在变化): 但警报框显示“未定义”错误 有人能抽出5分钟让我看看我的错误吗 谢谢, 克雷格改用 $(.memberMore”)。单击(函数(e){ e、 预防默认值(); //获取“父”div(memberDiv) var myDiv=$(此); log($(myDiv.find(“.myUserName”).text()); 返回false; }); Jo Bloggs 小部件制造商 英国 更多信息请改用 $(.memberMor
$(.memberMore”)。单击(函数(e){
e、 预防默认值();
//获取“父”div(memberDiv)
var myDiv=$(此);
log($(myDiv.find(“.myUserName”).text());
返回false;
});代码>
Jo Bloggs
小部件制造商
英国
更多信息
请改用
$(.memberMore”)。单击(函数(e){
e、 预防默认值();
//获取“父”div(memberDiv)
var myDiv=$(此);
log($(myDiv.find(“.myUserName”).text());
返回false;
});代码>
Jo Bloggs
小部件制造商
英国
更多信息
您应该使用“兄弟姐妹”功能,而不是“查找”,如下所示:
$(".memberMore ").click(function (e) {
e.preventDefault();
alert($(this).siblings(".myUserName").text());
return false;
});
您应该使用“兄弟姐妹”功能,而不是“查找”,如下所示:
$(".memberMore ").click(function (e) {
e.preventDefault();
alert($(this).siblings(".myUserName").text());
return false;
});
要返回该div中的所有段落,请循环浏览:
$(.memberMore”)。单击(函数(e){
e、 预防默认值();
//获取“父”div(memberDiv)
var myDiv=$(此);
var txtreurn='';
myDiv.find('p')。每个(函数(索引){
如果(索引>0){
txtreurn+=','
}
txtreurn+=$(this).text()
});
警报(txtreurn);
返回false;
});代码>
Jo Bloggs
小部件制造商
英国
更多信息
要返回该div中的所有段落,请循环浏览它们:
$(.memberMore”)。单击(函数(e){
e、 预防默认值();
//获取“父”div(memberDiv)
var myDiv=$(此);
var txtreurn='';
myDiv.find('p')。每个(函数(索引){
如果(索引>0){
txtreurn+=','
}
txtreurn+=$(this).text()
});
警报(txtreurn);
返回false;
});代码>
Jo Bloggs
小部件制造商
英国
更多信息
您还可以使用该函数获取所有元素的文本。如果你需要得到字符串
Jo Bloggs,小部件制造商,英格兰
你可以做:
$('.memberMore')。在('click',function()上{
var text=$(this.sibbines().map(function()){
返回$(this.text();
}).get().join(',');
警报(文本);
});代码>
Jo Bloggs
小部件制造商
英国
更多信息
您还可以使用该函数获取所有元素的文本。如果你需要得到字符串
Jo Bloggs,小部件制造商,英格兰
你可以做:
$('.memberMore')。在('click',function()上{
var text=$(this.sibbines().map(function()){
返回$(this.text();
}).get().join(',');
警报(文本);
});代码>
Jo Bloggs
小部件制造商
英国
更多信息
如果要显示所有p
的文本,可以尝试以下操作:
$(".memberMore ").click(function(e) {
e.preventDefault();
$(this).parent().find('p').each(function(index, elemt){
console.log($(elemt).text());
});
return false;
});
这里的关键是方法。如果要显示所有p
的文本,可以尝试以下方法:
$(".memberMore ").click(function(e) {
e.preventDefault();
$(this).parent().find('p').each(function(index, elemt){
console.log($(elemt).text());
});
return false;
});
这里的关键是方法。Try alert(myDiv.find(“.myUserName”).text();从头到尾花时间阅读是非常值得的。它只需要一两个小时,而且它会立即收回这段时间。学习使用web浏览器内置的调试器也非常有用,这样您就可以准确地看到正在发生的事情;从头到尾花时间阅读是非常值得的。它只需要一两个小时,而且它会立即收回这段时间。学习使用内置于web浏览器中的调试器也非常有用,这样您就可以准确地看到正在发生的事情。非常好的工作,谢谢大家。只要我能接受答案,我就会。(不过你很好!)@SxChoc,很高兴它能帮上忙:)做得很好,谢谢大家。只要我能接受答案,我就会。(不过你很好!)@SxChoc,很高兴它有帮助:)当我用myDiv替换它时,这似乎不起作用(显然我不是这方面的专家!)@SxChoc奇怪!我使用了你发布的html。是否确实已正确更改对类和ID的所有引用?在小提琴中,它看起来像在工作……当我用myDiv替换它时,它似乎不起作用(显然我不是这方面的专家!)@SxChoc奇怪!我使用了你发布的html。是否确实已正确更改对类和ID的所有引用?在小提琴中,它看起来好像在工作。。。
$(".memberMore ").click(function(e) {
e.preventDefault();
$(this).parent().find('p').each(function(index, elemt){
console.log($(elemt).text());
});
return false;
});