如何解决如何将变量添加到已连接的选择器?
我正在尝试从div获取data-lvl并将其用于按钮的数据中 我不知道如何将变量 dataquestion 放入选择器 知道选择器本身已经连接了
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>
<div id='result'></div>
<div class='question' data-question='5' data-lvl='2'>
</div>
<script>
$(document).ready(function(){
dataquestion=5;
$('#result').html(<button type='button' data-lvl='"+$('.question[data-question="+ dataquestion +"]').data('lvl') +"[option]'>lorem ipsum</button>');
});
</script>
解决方法
您的逻辑是正确的,问题很简单,因为字符串连接被不匹配的引号破坏了。试试这个:
$(document).ready(function() {
let dataquestion = 5;
$('#result').html('<button type="button" data-lvl="' + $('.question[data-question="' + dataquestion + '"]').data('lvl') + '[option]">lorem ipsum</button>');
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>
<div id="result"></div>
<div class='question' data-question="5" data-lvl="2"></div>
还请注意,假设您不需要IE支持,则可以使用Template文字使字符串连接更加简洁:
$('#result').html(`<button type="button" data-lvl="${$('.question[data-question="' + dataquestion + '"]').data('lvl')}[option]">lorem ipsum</button>`);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。