尝试修改 html 中的 javascript 变量

Question

我想更改 html 中的字符串并在 javascript 中读取它并将其输出到屏幕。 我希望在Select Filter位置写入的内容成为写入屏幕的内容，我该怎么做？

这是原始代码，但不从 html 中获取字符串：

$("#filter ul:eq(1) li:eq(0)").before("<li class='firstItem rounded current'><span class='firstItem'>" + $('#dow').show() +"</span></li>");

新的 HTML：

<li id="dow">
 <option data-target='div1'>Select Filter</option>
</li>

新的Javascript：

 var id = $(this).find("#dow").data('target');
    $('#images > div').hide();
    console.log(id);
    $("#filter ul:eq(1) li:eq(0)").before("<li class='firstItem rounded current'><span class='firstItem'>" + $('#dow').show() +"</span></li>");

Answer 1

使用$("#dow").show()最终显示元素并再次将“引用对象”返回到同一元素，而您希望将该元素的简单标记连接到字符串。

在串联中使用$('#dow').html()并在此之前调用.show() 。