Pregunta Cómo elegir un texto dentro de una div con la misma clase pero múltiples divs


Necesito tu ayuda por favor. Para que funcione algo, intenté extraer información de feeds y blog, pero no es de confianza. Aquí está mi código ...

<div class="select_obj">
    <h4>Promote Channel</h4>
</div>
<div class="select_obj">
    <h4>Increase Conversion on Site</h4>
</div>
<div class="select_obj">
    <h4>Increase Conversion on App</h4>
</div>
...
<div class="select_obj">
    <h4>Get Video View</h4>
</div>

Cómo seleccionar y obtener el texto dentro del clic en h4. Simplemente no sé cómo comenzar, por favor, necesito tu ayuda. Gracias.


5
2017-08-27 06:34


origen


Respuestas:


Usando javascript

function getTxt(x){
    alert(x.innerHTML);  
}
<div class="select_obj">
    <h4 onclick="getTxt(this);">Promote Channel</h4>
</div>
<div class="select_obj">
    <h4 onclick="getTxt(this);">Increase Conversion on Site</h4>
</div>
<div class="select_obj">
    <h4 onclick="getTxt(this);">Increase Conversion on App</h4>
</div>
...
<div class="select_obj">
    <h4 onclick="getTxt(this);">Get Video View</h4>
</div>

Una solución simple usando jquery

$(".select_obj").click(function(){
    //to get the content  
    var txt=$(this).children("h4").text();
    alert(txt);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="select_obj">
    <h4>Promote Channel</h4>
</div>
<div class="select_obj">
    <h4>Increase Conversion on Site</h4>
</div>
<div class="select_obj">
    <h4>Increase Conversion on App</h4>
</div>
...
<div class="select_obj">
    <h4>Get Video View</h4>
</div>


6
2017-08-27 07:07



Usando jQuery puedes hacer esto

$('h4').on('click',function(event){
alert($(this).text());
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="select_obj">
  <h4>Promote Channel</h4>
</div>
<div class="select_obj">
  <h4>Increase Conversion on Site</h4>
</div>
<div class="select_obj">
  <h4>Increase Conversion on App</h4>
</div>
<div class="select_obj">
  <h4>Get Video View</h4>
</div>

Usando Javascript nativo

var getAllH4 = document.querySelectorAll('h4');
getAllH4.forEach(function(item, index) {
  (function(item, i) { // creating closure
    item.addEventListener('click', function() {
      alert(item.textContent);
    });
  }(item, index))
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="select_obj">
  <h4>Promote Channel</h4>
</div>
<div class="select_obj">
  <h4>Increase Conversion on Site</h4>
</div>
<div class="select_obj">
  <h4>Increase Conversion on App</h4>
</div>
<div class="select_obj">
  <h4>Get Video View</h4>
</div>


3
2017-08-27 06:37



Prueba este código

$('h4').on('click',function(){alert($(this).text()) ;});

0
2017-08-27 07:26



Este es mi código ... Les doy el id y envío el id del elemento cliqueado con la función "devolver el texto" al que se hace clic ...    

          <h4 id="a" onclick="getText(id)">Promote Channel</h4>
        </div>
        <div  class="select_obj">
          <h4 id="b" onclick="getText(id)">Increase Conversion on Site</h4>
        </div>
        <div  class="select_obj">
          <h4 id="c" onclick="getText(id)">Increase Conversion on App</h4>
        </div>
        ...
        <div  class="select_obj">
          <h4 id="d" onclick="getText(id)">Get Video View</h4>
        </div>

ok usando javascript .....

    <script>
            function getText(id)
            {
                var textReturned ="";
                textReturned = document.getElementById(id).innerHTML;
                alert(textReturned);
            }
        </script>

0
2017-08-27 06:42