Question

从div获取文本值，然后通过jquery插入标签。出现错误：语法错误，无法识别的表达式：错误。

使用硬编码的值可以正常工作。

JS：

$('.select-destination').on('click', function () {
 let getDiscovery = $('.findTxt').text();
 //it works fine $('<h5>Find other DISCOVERY hotels</h5>').insertBefore($('.group-result.gha-group:first'));
 $("'<h5>'+getDiscovery+'</h5>'").insertBefore($('.group-result:first'));
});

HTML：

<div class="findTxt hidden">Find other Hotels</div>

Answer 1

这里有错别字或错误-应该是：

$('<h5>'+getDiscovery+'</h5>').insertBefore($('.group-result:first'));

Answer 2

$('.select-destination').on('click', function() {
  let getDiscovery = $('.findTxt').text();
  $("<h5>" + getDiscovery + "</h5>").insertBefore($('.group-result:first'));
});

<button class="select-destination">Click</button>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="findTxt hidden">Find other Hotels</div>
<h5 class="group-result"></h5>
<h5 class="group-result"></h5>
<h5 class="group-result"></h5>

Answer 3

实际上，以下语句中的引号存在语法错误

 $("'<h5>'+getDiscovery+'</h5>'").insertBefore($('.group-result:first'));

我已纠正引号中的语法错误。请参考此代码以克服此问题。

$('.select-destination').on('click', function() {
  let getDiscovery = $('.findTxt').text();
  $("<h5>" + getDiscovery + "</h5>").insertBefore($('.group-result:first'));
});

<button class="select-destination">Click</button>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="findTxt hidden">Find other Hotels</div>
<h5 class="group-result"></h5>

jQuery-将值从div文本动态插入h5

3 个答案: