如何使用jquery访问$(this)关键字下的子元素
如何使用jquery访问$(this)关键字下的子元素
提问于 2019-03-06 09:55:51
我想将值为h3的属性title添加到具有类名(submit)的href中。
但是我无法访问每个用类名选择的div中的h3文本。请帮帮忙。
$(document).ready(
function ()
{
$(".topic ").each(
function()
{
var title=$(this h3).text();
console.log(title)
$(this ".submit").attr("title",title);
}
);
}
);<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="topic">
<h3><a href="">Shoulder Arthritis</a></h3>
<a href="" class="submit"></a>
</div>
<div class="topic">
<h3><a href="">Shoulder Arthritis</a></h3>
<a href="" class="submit"></a>
</div>
<div class="topic">
<h3><a href="">Shoulder Arthritis</a></h3>
<a href="" class="submit"></a>
</div>
<div class="topic">
<h3><a href="">Shoulder Arthritis</a></h3>
<a href="" class="submit"></a>
</div>
回答 2
Stack Overflow用户
回答已采纳
发布于 2019-03-06 10:01:25
在$(this)中使用find，如下所示。
$(".topic ").each(
function() {
var title = $(this).find('h3').text();
console.log(title)
$(this).find(".submit").attr("title", title);
}
);<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="topic">
<h3><a href="">Shoulder Arthritis</a></h3>
<a href="" class="submit"></a>
</div>
<div class="topic">
<h3><a href="">Shoulder Arthritis</a></h3>
<a href="" class="submit"></a>
</div>
<div class="topic">
<h3><a href="">Shoulder Arthritis</a></h3>
<a href="" class="submit"></a>
</div>
<div class="topic">
<h3><a href="">Shoulder Arthritis</a></h3>
<a href="" class="submit"></a>
</div>
Stack Overflow用户
发布于 2019-03-06 10:01:13
您可以使用.find()方法。文档可以在here中找到
例如，您的代码应如下所示：
$(document).ready(
function ()
{
$(".topic ").each(
function()
{
var title=$($(this).find("h3")).text();
console.log(title)
$($(this).find(".submit")).attr("title",title);
}
);
}
);也可以做一些变通方法，请看这里：
$(document).ready(
function ()
{
$(".topic ").each(
function()
{
var id = $(this).attr('id');
var title=$('#' + id + ' > h3').text();
console.log(title)
$('#' + id + ' > .submit').attr("title",title);
}
);
}
);>搜索该元素的子元素。因此，$('#' + id + ' > .submit')搜索具有给定id的元素的子元素，该元素有一个submit类。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55020165
复制相关文章
相似问题
如何使用jquery访问子元素？
使用jQuery访问子元素
如何访问jquery中的子元素？
如何使用此指针jquery访问元素的属性和子元素？
如何在子参数方法中使用此关键字访问元素？
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
