如何创建动态jquery选择器？

Question

我的锻炼程序索引页面如下所示。

<% @workout_routines.each do |routine| %>
<ul>
<li>Name: <%= routine.name %></li>
<li>Days: <%= routine.split_length %></li>
<li>Difficulty: <%= routine.difficulty %></li> 
<button class= "exercises" id= "<%= routine.id %>">View Exercises</button>
<div class= "workoutshow" id= "<%= routine.id %>"></div>
</ul>
<% end %> 

当我单击练习按钮时，我想将html附加到exerciseshow div，仅用于我点击的锻炼，但我无法弄清楚如何在jquery选择器中使用字符串连接/插值。我试过像

这样的东西

$(".workoutshow #${data.id}") 

但到目前为止还没有运气。有没有正确的方法来做到这一点？ 此外，这里是exerciseshow.js中的代码，目前为了清楚起见。

$(document).ready(function(){
$(".exercises").on('click', function(e) { 
    $.get("/workout_routines/" + e.target.id, function(data){ 
        debugger;
        $(".workoutshow").append("<li>" + "Category: " + data["category"] + "</li>")
            .append("<li>" + "Difficulty: " + data["difficulty"] + "</li>")
    })
}) 
})

Answer 1

1
2