Javascript - передать html строку, содержащую переменные в качестве параметра

Question

Я хочу выполнить функцию, которая добавляет (jQuery) li к ul. Теперь я хочу, чтобы передать строку в качестве параметра, который выглядит как:

v.name + " by " + v.artist 

Проблема заключается в том, что v.name и v.artist не существует вне функции, так как функция содержит цикл .each:

function showAllItems (data, displayText) { 
    $("ul.result-list").empty(); 
    $.each(data.results, function (k, v) { 
     var name = eval(displayText); 
     if ($("ul.chosen-list input#" + v.name).length == 0) { 
      $("ul.result-list") 
       .append($("<li>") 
        .append($("<input>", {id: v.name, value: v.name, type: "checkbox"})) 
        .append($("<label>", {html: name, for: v.name, class: "clickable"}))); 
     } 
    }); 
} 

То, что я использую сейчас, является eval (displayText), чтобы преобразовать строку в реальную переменную. Но теперь я не могу передать что-то вроде ранее сказанного (v.name + "на" + v.artist ").

Короче говоря, я хочу напечатать строку, содержащую переменные, которые не существуют до цикла .each.

Я надеюсь, что кто-то может мне помочь!

Спасибо заранее,

Ян Wensink

Answer 1

Используйте функцию обратного вызова для создания значения:

function showAllItems (data, getDisplayText) { 
    $("ul.result-list").empty(); 
    $.each(data.results, function (k, v) { 
    if ($("ul.chosen-list input#" + v.name).length == 0) { 
     var name = getDisplayText(v); 
     $("ul.result-list") 
     .append($("<li>") 
      .append($("<input>", {id: v.name, value: v.name, type: "checkbox"})) 
      .append($("<label>", {html: name, for: v.name, class: "clickable"})) 
     ); 
    } 
    }); 
} 

Использование:

showAllItems(data, function(v){ return v.name + " by " + v.artist; });