Home / Questions / 272605
Accepted
Lorenzo Martín
Asked: 2020-06-18 03:33:31 +0800 CST 2020-06-18 03:33:31 +0800 CST

Only show the first word of string (Jquery)

  • 772

I would like this return to return the entire string that contains the variable data.notes. Right now it just gives me back the first word. As soon as it reaches the first blank space, it cuts. I am using Bootsrap 3 tooltip on datatables. What I do is that in a column of the table the content of the column is shown with a tooltip that in this case is from bootstrap.

Example:data.notas="hola como estas";

result: hello

"columns": [  
  {"data": null,
   "render": function (data, type, full, meta) 
     {
       return "<span data-toggle='tooltip' data-placement='bottom' title= Notas:" +
           data.notas + ">" + data.name + "</span>";
     }
  }, 
  {"data": "colab_name"}
]
jquery

1 Answers

  1. Best Answer

    You are missing the quotes for the attribute title, if they only the first word you put is taken into account, the rest are assumed to be other attributes:

    <span data-toggle='tooltip' data-placement='bottom' title= Notas: nota a mostrar> Ejemplo sin comillas</span>

<span data-toggle='tooltip' data-placement='bottom' title='Notas: nota a mostrar'> Ejemplo con comillas</span>

    To avoid these errors I recommend the use of string templates :

    let data= { notas: 'Esto es una nota', name: 'Juan Pablo'};

let generadorSpan = function (data) {
  return (`<span data-toggle="tooltip" data-placement="bottom" 
  title="Notas: ${data.notas}">${data.name}</span>`);
}

console.log(generadorSpan(data));

    • 2