如何更改选择器所在的 div 中的文本名称?换句话说,我想单击一个按钮并更改按钮上方文本的文本(在同一 div 内)。
例如,在我的html中,有一个按钮和上面的标题。单击按钮后,我希望它上面的标题更改为按钮的 id。
这个问题类似于this question ,但我很难更改选择器所在的 div 中的文本。
下面是我尝试获取按钮的 ID,并更改 div 容器内的文本。
Javascript(我的尝试)(codepen here):
$('.btn.btn-default').on('click', function() {
var desired_name = $(this).attr('id')
$('#title').find($(this)).html(desired_name);
});
HTML
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
<p id="title">Temporary Button Title That Should be 'true_name1'</p>
<button class="btn btn-default" id="true_name1">NAME</button>
</div>
<div>
<p id="title">Temporary Button Title That Should be 'true_name1'</p>
<button class="btn btn-default" id="true_name2">NAME</button>
</div>
最佳答案
你试过了吗$(this).siblings("p")
这将选择 <p>
按钮上方
关于javascript - 如何使用 JQuery 更改选择器所在的 div 中的字符串?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39499883/