更改视图JQuery mobile

我只是想得到$each获得的数组的值，然后改变视图。另一个视图必须包含我在另一个视图上选择的文本，并将其打印出来。我想我需要比较这些价值观，但我不知道如何比较

标题列表视图的HTML

<div class="example-wrapper" data-iscroll>
  <ul data-role="listview"  id="listados" > 
  </ul>
</div>

内容视图的HTML

<div data-role="page" id="hcabecera">
  <div id="noticia">
  </div>
</div>

我正在获取www.healthcare.gov/api/blog.json的api

$(document).on('pageinit', '#home', function() {
  $.getJSON('https://www.healthcare.gov/api/blog.json', function(datos) {
    $.each(datos.blog, function(i, value) {
      if (value.lang == 'es') {
        $('#listados').append('<li><a>' + value.title + '</li></a>');
        $('#listados').listview('refresh');
      }
    });
    $("#listados li").on('click', function() {
      $.mobile.changePage("#hcabecera", {
        transition: "slide",
        changeHash: false
      });
      $("#noticia").append(datos.blog.content);
    });
  });
});

$（document）.on（'pageinit'，'#home'，function（）{
$.getJSON（'https://www.healthcare.gov/api/blog.json，函数（datos）{
$.each（datos.blog，函数（i，值）{
如果（value.lang==“es”）{
$（“#listados”）.append（“
”+value.title+”
”）；
$（'#listados'）。listview（'refresh'）；
}
});
$（“#listados li”）。在（'click'，function（）上{
$.mobile.changePage（#hcabecera）{
过渡：“幻灯片”，
changeHash:false
});
$（“#noticia”）.append（datos.blog.content）；
});
});
});

我已将您的代码改写为一个有效的解决方案：

为了收集所需的信息，您需要以稍微不同的方式进行迭代。然后，在每次迭代之后，评估结果并附加到列表中。这至少是一种方法

对于“hcabecera”页面，您需要找到将每个标题链接到相应文本的方法。我建议一次性附加和隐藏所有内容，然后根据标识标签显示请求集内容

var title = "", lang = "", content = "", id = 1;

$.getJSON('https://www.healthcare.gov/api/blog.json', function(datos) {
  $.each(datos.blog, function() {
    $.each(this, function(i, value) {
      //The title appears before the language tag, so we need to save it temporarily
      if(i == "title")
        title = value;
      //Language
      if(i == "lang")
        lang = value;
      //Content
      if(i == "content")
        content = value;
    });
    //Check that the language is correct
    if(lang == "en"){
      //Append title to list
      $('#listados').append('<li data-no="'+id+'"><a>' + title + '</li></a>');
      //Append content to page hcabecera
      $("#noticia").append('<div id="item-'+id+'" class="items">'+content+'</div>');
      id++;
    }
  });
  //Refresh list
  $('#listados').listview('refresh');

  //List item click event
  $("#listados li").on('click', function() {
    //Get div ID
    var no = $(this).attr("data-no");
    $(".items").hide();
    $("#item-"+no).show();
    $.mobile.changePage("#hcabecera", {
      transition: "slide",
      changeHash: false
    });
  });
});

var title=“”，lang=“”，content=“”，id=1；
$.getJSON（'https://www.healthcare.gov/api/blog.json，函数（datos）{
$.each（datos.blog，function（）{
$。每个（此，函数（i，值）{
//标题显示在语言标记之前，因此我们需要暂时保存它
如果（i=“标题”）
标题=价值；
//语言
如果（i==“lang”）
lang=值；
//内容
如果（i=“内容”）
内容=价值；
});
//检查语言是否正确
如果（lang==“en”）{
//将标题附加到列表中
$（“#listados”）.append（“
“+title+”
”）；
//将内容附加到页面hcabecera
$（“#通知”）。追加（“”+内容+“”）；
id++；
}
});
//刷新列表
$（'#listados'）。listview（'refresh'）；
//列表项单击事件
$（“#listados li”）。在（'click'，function（）上{
//获取分区ID
变量编号=$（this.attr（“数据编号”）；
$（“.items”）.hide（）；
$（“#项-”+否）.show（）；
$.mobile.changePage（#hcabecera）{
过渡：“幻灯片”，
changeHash:false
});
});
});