Как получать стоимость <li>?

У меня есть следующая структура:

<span class="ErrorViewer">
 <menu>
   <li>El Porcentaje de la prima del contrato es menor que el porcentaje Aprobado por la GERENTE </li>
 </menu>

Мне хотелось бы показывать бдительность с текстом, который внутри <li> используя JS или JQuery

1
задан 24.06.2016, 01:27
3 ответа

Хороший тогда понимая, что "ошибка" будет динамической (из-за того, что это будет говорить о какой-то форме) тогда мы идем делать следующее:

/*Todo esto código solo es para silumar cuando se lanza el error*/
var btn = document.getElementById("lanza");
btn.onclick = function(){
   var spanError = '<span class="error"><menu><li>texto del error</li></menu></span>';
   this.insertAdjacentHTML('afterend',spanError);
}

var btnSaludo = document.getElementById("saludo");
btnSaludo.onclick = function(){
  var spanSaludo = '<span class="saludo"><menu><li>HOLA COMO ESTAS</li></menu>';
  btn.insertAdjacentHTML('afterend',spanSaludo);
}
/*Aqui termina digamos el simulador; cuando sale el error*/
/*Ahora si comenzamos con el código que debes mas centrarte
Pues bien, creamos un Event Listener donde vamos a agregarselo a todo el body danto como evento los clicks
*/
document.querySelector('body').addEventListener('click', function() { //cuando se ejecute un click en el body entra esta función anonima
  var a = document.querySelector("span.error"); //Buscamos si tenemos en el documento algun elemento span con una class .error
  if(a != undefined || a != null){ //Confirmamos que si haya un elemento
      alert(a.outerText); //Cuando si encontremos un elemento, entonces lanzamos un alert con el texto que se contiene en el elemento li
  }
});
<button id="lanza">lanzar error</button>
<button id="saludo">lanzar saludo</button>

Сейчас, он делает ему гораздо больше, что программировать в этот код, но уже ты можешь твой tropicalizarlo в твою необходимость.

1
ответ дан 24.11.2019, 14:05
  • 1
    Спасибо за помощь!! –  N. Zaldivar 24.06.2016, 22:13
  • 2
    Если c и # 243; я говорю, что он подал тебя, ты должен выбирать это для будущих Пользователей SO. Вопрос tendr и # 237; в получающий ответ. Это ты должен делать это в ответе, который ты считаешь, что это та, которая ты есть сервер. –  Alfonso Carrasco 24.06.2016, 22:14

Чтобы получать текст tag <li> добавь ему, что один пойдите в того же самого, и потом используй функцию text() из jquery например:

alert($("#demo").text());
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-2.2.4.js"></script>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
<span class="ErrorViewer">
 <menu>
   <li id="demo">El Porcentaje de la prima del contrato es menor que el porcentaje Aprobado por la GERENTE 
   </li>
 </menu>
</body>
</html>
0
ответ дан 24.11.2019, 14:05
  • 1
    спасибо за Ваши комментарии и время, которое было взято, чтобы обслуживать мой вопрос, но проблему, что система сделана в genexus, и когда происходит ошибка, этот освежает мне экран и меня создает предыдущая структура и не возможно изменять это agreg и # 225; ndole один пойдите –  N. Zaldivar 24.06.2016, 01:45

Костлявая немного как это

alert($("span.ErrorViewer menu li").text())
  
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>

<span class="ErrorViewer">
 <menu>
   <li>El Porcentaje de la prima del contrato es menor que el porcentaje Aprobado por la GERENTE </li>
 </menu>

Здесь bindeamos событие click всем li, которые внутри elmento menu и с this и text(), мы посылаем его стоимость alert

0
ответ дан 24.11.2019, 14:05
  • 1
    спасибо за Ваши комментарии и время, которое было взято, чтобы обслуживать мой вопрос, но проблему, что система сделана в genexus, и когда происходит ошибка, этот освежает мне экран и меня создает предыдущая структура и не возможно изменять это agreg и # 225; ndole один пойдите. –  N. Zaldivar 24.06.2016, 01:45
  • 2
    @N.Zaldivar как хорошо, что ты это комментируешь, в моем soluci и # 243; n не нуждается в том, чтобы добавить id, просто использует структуру, которую ты поместил в вопрос –  jasilva 24.06.2016, 01:46
  • 3
    Правильный и спасибо, но тема - что Genexus я sobrescribe, чтобы показывать это сообщение идея, состоит в том, чтобы обнаруживать мой HTML, если он существует < span class = и quot; ErrorViewer" > и если существует показывать сообщение в alert (.) и если не так как не har и # 225; совсем не –  N. Zaldivar 24.06.2016, 01:51
  • 4
    @N.Zaldivar Ok, я сделал обновление, в этом случае возьми li внутри меню, которые внутри ErrorViewer, в случае ho, была ошибка, совсем не не появилась бы –  jasilva 24.06.2016, 01:58
  • 5
    Спасибо, только позволь мне я это осуществлю и я комментирую тебе, как он я идет –  N. Zaldivar 24.06.2016, 02:13

Теги

Похожие вопросы