0

news_itemJSON 呼び出しからコンテンツを受信して​​おり、次のようにクラスで応答を返した 3 つのオブジェクトを設定したいと考えています。

<div class="news"> 
        <div class="news_item" style="margin-left: 0 !important;">

        <div class="ni_image">
            <a href="/HaberDetay/TITLE/ID"><img src="IMAGE"width="203" height="109"/></a>
        </div>
        <div class="ni_text">
            <div class="ni_text_title">TITLE</div>
            <div class="ni_text_content"> 
                CONTENT
            </div>
        </div>
        </div> 
</div>

以下のようにデータを受け取ることができました。news_itemしかし、上記のように div を設定する方法がよくわかりません。また、すべてをクリアして、news JSON 応答からのデータに置き換える必要があります。

var newsByCity = JSON.parse(msg);

                $.each(newsByCity, function (key, item) {
                    alert("Code: " + item.City + " ,Name: " + item.Title + " ,Country: " + item.County);

                });

ポインタはありますか？これどうやってするの？

編集: タイトル、ID、コンテンツなどを取得しています。この新しい div を作成する方法を確認する必要があります。

4

2 に答える 2

1

jQuery テンプレートはまだベータ版です (ここで DL できます: https://github.com/jquery/jquery-tmpl ) 。

この HTML の jQuery テンプレートを作成し、タイトル/ID/コンテンツなどを${TITLE}/etc に表示します。基本的には次のようになります。

<div class="news_item" style="margin-left: 0 !important;">
    <div class="ni_image">
        <a href="/HaberDetay/${TITLE}/${ID}"><img src="IMAGE"width="203" height="109"/></a>
    </div>
    <div class="ni_text">
        <div class="ni_text_title">${TITLE}</div>
        <div class="ni_text_content"> 
            ${CONTENT}
        </div>
    </div>
</div>

次に、テンプレートを作成してニュースに追加します。

$('#yourTemplateScriptArea').tmpl(newsByCity).appendTo('.news');

これまでにテンプレート化を行ったことがない場合は、ここでテンプレート化の概要を説明します。 http://stephenwalther.com/archive/2010/11/30/an-introduction-to-jquery-templates.aspx

于 2012-12-12T21:05:47.190 に答える
1

新しい要素を作成するには、JS または jQuery を使用して作成できます。jQuery の方が簡単ですが、オーバーヘッドが高くなります。

// Element to append to
var target = $('.news');

// Create the new element in a jQuery object
// and use the appendTo method to attach it
// to the DOM element
$('<div />').html('<p>New div created</p>')
            .appendTo(target);

または、既存の dom 要素を見つけて、テキストまたは HTML を置き換えることができます

var target = $('.news');

// Replacing text
target.find('.ni_text_title').text('New news title');

// Replacing HTML
target.find('.ni_text').html('<div class="ni_news_text">...</div>');

.htmlおよび.textメソッドに空の文字列を渡すことで、要素のテキストまたは HTML コンテンツを空にすることができます。空白のままにすると、メソッドはその要素の現在のテキストまたは HTML を返します。

それが役立つことを願っています。

于 2012-12-12T21:08:05.637 に答える