Question

感谢下面的Turnip，我能够抓住一大块HTML。

我想将这个块的各个部分添加到一个对象中，如下所示： [{＆＃34;报价＆＃34;：＆＃34; XXX＆＃34;＆＃34;作者＆＃34;：＆＃34; YYY＆＃34;}，{＆＃34;报价＆＃34;：＆＃34; XXX＆＃34;＆＃34;作者＆＃34;：＆＃34; YYY＆＃34;}]

报价在标签中： ...

＆＃13;

$(document).ready(function() {

	var origPage = "";

    $.get("https://crossorigin.me/http://www.brainyquote.com/quotes/keywords/websites.html", {}, function(content){
    origPage = content;
	}, "html");
        
	$("#myLink").on('click', function() {
		var kill = origPage;
var oPage = $(kill);
var me = $('.bqQt', oPage);

	   $("div").html(me);
	  
	 

	});

	});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div></div>
<a class ="clicker" id= "myLink" href="#" >click me</a>

＆＃13;

autor位于标签之间：

...

现在项目的html结构如下：

<div class="masonryitem boxy bqQt bqShare">
<div class="boxyPaddingBig">
<span class="bqQuoteLink"><a href="/quotes/quotes/j/juliebowen455734.html?src=t_websites" onclick="qCl('keyword','/quotes/keywords/websites','/quotes/quotes/j/juliebowen455734','1')" class="qt_455734" title="view quote">I'm on a strict gossip diet. No gossip websites, no gossip magazines. Otherwise, I find it paralyzing to exist.</a>
</span><br>
<div class="bq-aut"><a href="/quotes/authors/j/julie_bowen.html" onclick="aCl('keyword','/quotes/keywords/websites','/quotes/authors/j/julie_bowen','1')" class="qa_455734" title="view author">Julie Bowen</a></div>
</div>
<div class="bq_q_nav boxyBottom boxyPaddingSmall" style="overflow:hidden;">
<div class="body bq_boxyRelatedLeft bqBlackLink">
<a href="/quotes/topics/topic_diet.html" onclick="kCl('/quotes/topics/topic_diet','/quotes/topics/topic_diet','0',0)">Diet</a>,
<a href="/quotes/keywords/gossip.html" onclick="kCl('/quotes/keywords/gossip','/quotes/keywords/gossip','1',0)">Gossip</a>,
<a href="/quotes/keywords/magazines.html" onclick="kCl('/quotes/keywords/magazines','/quotes/keywords/magazines','2',0)">Magazines</a>
</div>
</div>
<div class="bq_q_nav bq_q_btns boxyPaddingSmall" style="overflow:hidden;">
<div class="bq20">
<div ng-show="showMemberButtons()" class="bqAddQuote bqAddQuoteLg" style="float:right">
<span data-ng-click="onFavoriteClicked(455734)" data-ng-class="favCssClass(455734)" class="fa favHeart pointerCursor" onclick="hCl('/quotes/keywords/websites','/quotes/quotes/j/juliebowen455734','1')"></span><span data-ng-click="onAddToCollectionClicked(455734)" data-ng-class="collectionCssClass(455734)" class="fa favAddToCol pointerCursor" onclick="pCl('/quotes/keywords/websites','/quotes/quotes/j/juliebowen455734','1')"></span>
</div>
<table class="bq_tbl_nospc">
<tbody><tr>
<td valign="top">
<div class="nonJsIcons">
<a href="/share/fb/455734?sr=ql&amp;from=%2Fquotes%2Fkeywords%2Fwebsites.html" class="fa-stack fa-lg fbShare" rel="nofollow" target="_blank">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
</a>
<a href="/share/tw/455734?sr=ql&amp;from=%2Fquotes%2Fkeywords%2Fwebsites.html&amp;ti=Websites+Quotes" class="fa-stack fa-lg twShare" rel="nofollow" target="_blank">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
</a>
</div>
</td>
</tr>
</tbody></table>
</div>
</div>
</div>

我正在使用html：

<script>

    $(document).ready(function() {

    var origPage = "";

    $.get("https://crossorigin.me/http://www.brainyquote.com/quotes/keywords/websites.html", {}, function(content){
    origPage = content;
    }, "html");

    $("#myLink").on('click', function() {
        var kill = origPage;
        var oPage = $(kill);
        var me = $('.bqQt', oPage);
       $("div").html(me);
    });

    });
</script>

Answer 1

你已经拥有了dom元素，你只需要循环它们并获得作者和引用。希望这会有所帮助。

$(document).ready(function() {

  var apiCall = (function(){
    return $.ajax({
      method: "GET",
      url: "https://crossorigin.me/http://www.brainyquote.com/quotes/keywords/websites.html",
      cache: true
    });
  })();

  var getAuthQuotes = function(elems){
  var quoteArray = [];

  $.each(elems, function(index, elem){
    var obj = {};
    var $elem = $(elem);

     obj.quote = $elem.find('span.bqQuoteLink').text();
     obj.author = $elem.find('div.bq-aut').text();

     quoteArray.push(obj);
  });

  return quoteArray;
}


 $("#myLink").on('click', function(e) {
   e.preventDefault();
   apiCall.then(function(origPage){
     var kill = origPage;
     var oPage = $(kill);
     var me = $('.bqQt', oPage);

     var authQuoteObj = getAuthQuotes(me);

     //here is the array of objects
     console.log(authQuoteObj);
     });
   });

});

jQuery删除了2个标签之间的内容

1 个答案: