Показать сообщение отдельно
  #8 (permalink)  
Старый 08.03.2017, 00:00
Профессор
Отправить личное сообщение для Manyasha Посмотреть профиль Найти все сообщения от Manyasha
 
Регистрация: 21.09.2015
Сообщений: 196

dima-kruglyak, может так?
Сделала на основе примера от Рони
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function() {
	var sufs=[],
		myAnchorText=[];
	$("div[class^='myAnchor']").each(function(){
		var suf = $(this).attr("class").replace("myAnchor","");
		sufs.push(suf);
		myAnchorText.push($(".myAnchor" + suf).text())
	});
    $("ul").on("click mouseenter mouseleave", ".showEdt", function(event) {
        var text = [], el;
        el = $(this);
        $(sufs).each(function(i, s){
        	text[i] = el.data("evalz"+s) == undefined ? "" : el.data("evalz"+s);
        });
        if (event.type == "mouseenter") {
          $(sufs).each(function(i, s){
            $(".myAnchor"+ s).html(text[i]);
          });
        }else if (event.type == "click") {
          $(sufs).each(function(i, s){
              myAnchorText[i] = text[i];
          });
        }else{
          $(sufs).each(function(i, s){
              $(".myAnchor"+ s).html(myAnchorText[i]);
          });
        } 
    })
});
</script>

<ul>
  <li class="showEdt" data-evalz="111" data-evalz-2="1">Milk</li>
  <li class="showEdt" data-evalz="222">Bread</li>
</ul>
  
<div class="myAnchor">333</div>
<div class="myAnchor-2">222</div>
Ответить с цитированием