Как получить текст span внутри всплывающего окна onclick - jquery

Question

У меня есть вопрос:

<span class="item-link item-caption" id="qitem_6093500" onclick="return overlib('    <table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;><tr><td style=&quot;vertical-align: top;&quot;><table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; class=&quot;itemImagesContainer&quot;><tr><td colspan=&quot;2&quot;><div class=&quot;itemMainImageContainer&quot; style=&quot;background: url(\'gfx/gothic/items/krotkilukdmt8.jpg\') no-repeat left;&quot;></div></td></tr></table></td><td class=&quot;item-desc itemDescContainer&quot;><div><b><i>Broń dystansowa dwuręczna (lekka)</i></b></div><div class=&quot;itemdesc-s&quot;><b>Obrażenia: <span class=incstat>27</span> - <span class=incstat>33</span></b></div><div class=&quot;itemdesc-s itemEffectsList&quot;>trafienie <b>+5</b><br />ilość ataków na rundę: <b>3</b></div><div class=&quot;itemdesc-s&quot;><b>Wymagania:</b> POZIOM: 2 (4), WIEDZA: 6 (12)</div><div class=&quot;itemdesc-s&quot;><div><b>Cena sprzedaży:</b> <span >900 PLN</span></div></div><div class=&quot;itemDescDetailsContainer&quot;><div class=&quot;itemDescDetailsLink&quot;><a href=&quot;test_items.php?class=1&amp;baseType=68&amp;prefix=0&amp;sufix=0&amp;legendary=0&amp;playerLvl=128&quot; target=&quot;_blank&quot;><img src=&quot;gfx/lhx/msg1.gif&quot;/></a></div><div class=&quot;itemDescDetailsLink&quot;><a href=&quot;?a=auction&amp;do=closed&amp;itemType=0&amp;itemClass=1&amp;prefix=0&amp;suffix=0&amp;legend=0&amp;withoff=0&amp;onlyMine=0&amp;t=10&amp;tab=99&quot;><img src=&quot;gfx/aumakebid.gif&quot;/></a></div></div></td></tr></table>',CAPTIONFONTCLASS,'item-caption item-caption2',CLOSEFONTCLASS,'item-close',TEXTFONTCLASS,'item-desc',STICKY,CLOSECLICK,CLOSETEXT,'ZAMKNIJ',CAPTION,'Dobry Krótki łuk',HAUTO,WIDTH,550);">Dobry Krótki łuk</span>

Как я могу получить внутри этого и получить текст от <span >900 PLN</span>?

Answer 1

То, что вы делаете, очень странно.Могут быть некоторые ограничения, которые вы не можете контролировать, но если это действительно необходимо, вы можете сделать это.Я не рекомендовал бы это, потому что данные могут не быть в состоянии последовательно анализироваться таким образом.

Во-первых, данные в вашем onClick кажутся, вероятно, динамическими, то есть они не всегда могут быть в одном и том же формате.Здесь, например, мы собрали все параметры, передаваемые в overlib (), и попытались разделить запятые, чтобы получить список параметров.В этом случае в вашем 1-м параметре есть запятая, поэтому мы должны добавить первые 2 параметра вместе, чтобы получить фактический первый параметр после разделения.

Во-вторых, в HTML используется селектор из 1-го параметра как'div.itemdesc-s span: last ()'.Этот промежуток не имеет уникальных идентификаторов, поэтому он может или не может быть последним промежутком в этом делении.

Если это вообще возможно, попытайтесь получить значение другим способом, потому что это очень вероятно сломать при других сценарияхс динамическими данными, вставляемыми в атрибут onClick.Возможно, вам повезет, но я бы порекомендовал попробовать другой подход.

var onClickValue = $('#qitem_6093500').attr('onclick');
var parameters = onClickValue.substring(16, onClickValue.length - 2).split(',');
var html = $.parseHTML(parameters[0] + parameters[1]);
$('.myValue').text($(html).find('div.itemdesc-s span:last()').text());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="item-link item-caption" id="qitem_6093500" onclick="return overlib('    <table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;><tr><td style=&quot;vertical-align: top;&quot;><table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; class=&quot;itemImagesContainer&quot;><tr><td colspan=&quot;2&quot;><div class=&quot;itemMainImageContainer&quot; style=&quot;background: url(\'gfx/gothic/items/krotkilukdmt8.jpg\') no-repeat left;&quot;></div></td></tr></table></td><td class=&quot;item-desc itemDescContainer&quot;><div><b><i>Broń dystansowa dwuręczna (lekka)</i></b></div><div class=&quot;itemdesc-s&quot;><b>Obrażenia: <span class=incstat>27</span> - <span class=incstat>33</span></b></div><div class=&quot;itemdesc-s itemEffectsList&quot;>trafienie <b>+5</b><br />ilość ataków na rundę: <b>3</b></div><div class=&quot;itemdesc-s&quot;><b>Wymagania:</b> POZIOM: 2 (4), WIEDZA: 6 (12)</div><div class=&quot;itemdesc-s&quot;><div><b>Cena sprzedaży:</b> <span >900 PLN</span></div></div><div class=&quot;itemDescDetailsContainer&quot;><div class=&quot;itemDescDetailsLink&quot;><a href=&quot;test_items.php?class=1&amp;baseType=68&amp;prefix=0&amp;sufix=0&amp;legendary=0&amp;playerLvl=128&quot; target=&quot;_blank&quot;><img src=&quot;gfx/lhx/msg1.gif&quot;/></a></div><div class=&quot;itemDescDetailsLink&quot;><a href=&quot;?a=auction&amp;do=closed&amp;itemType=0&amp;itemClass=1&amp;prefix=0&amp;suffix=0&amp;legend=0&amp;withoff=0&amp;onlyMine=0&amp;t=10&amp;tab=99&quot;><img src=&quot;gfx/aumakebid.gif&quot;/></a></div></div></td></tr></table>',CAPTIONFONTCLASS,'item-caption item-caption2',CLOSEFONTCLASS,'item-close',TEXTFONTCLASS,'item-desc',STICKY,CLOSECLICK,CLOSETEXT,'ZAMKNIJ',CAPTION,'Dobry Krótki łuk',HAUTO,WIDTH,550);">Dobry Krótki łuk</span>

<h3>My Value</h3>
<div class="myValue"></div>