0

次のように取得される変数に innerHTML があります。

 var mash = e.currentTarget.innerHTML;

マッシュには次の値があります。

"<div class="mashup-details-view">    <div class="mashup-item" data-mashup-id="36967" id="mashup-sort-id">         <div class="mashup-thumbnail" title="Cist">          <span class="x-small thumbnail" style="min-width: 60px; min-height: 34px;"><img onerror="javascript:vidizmo.app.utils.handle_thumbnail_error(this);" src="http://az2213.vo.msecnd.net/vidizmodev/001419/081358/Images/00000c/ImgThumbs/Copa_67100313-4f60-46ff-95c1-907c75b077a8_th1.jpg"></span> </div> <div class="IconDescDiv">     <div class="TitleClass" href="#" title="Cist">Cist</div> </div> </div></div> "

ここで、「data-mashup-id」属性、img タグ、および class="TitleClass" 要素を取得する必要があります。変数からそれらを取得するにはどうすればよいですか。find('img') 経由で取得しようとしていますが、取得できません。誰でもこれを理解できますか???

4

1 に答える 1

3

これには使用しないでくださいinnerHTML。innerHTML要素の文字列表現を生成します。要素を直接操作したい。

まず、現在のターゲットの jQuery ラッパーを取得します。

// `mash` is a jQuery wrapper around the current target
var mash = $(e.currentTarget);

CSS セレクターを使用して、ターゲット内のコンテンツを検索し、そこから情報を取得できるようになりました。

値のdata-mashup-id取得:

// `id` is a string
var id = mash.find("[data-mashup-id"]).attr("data-mashup-id");

画像の取得 (結果のオブジェクトから画像に関する情報を取得できます):

// `img` is a jQuery wrapper around the `img` element
var img = mash.find("img");

div「TitleClass」で を取得する:

// `titleElement` is a jQuery wrapper around the `div` with the class
// "TitleClass"
var titleElement = mash.find("div.TitleClass");
于 2013-06-26T06:32:51.640 に答える