通过javascript返回特定表元素的值

时间:2018-07-03 10:04:41

标签: javascript html

SPRING_CLOUD_CONFIG_SERVER_NATIVE_SEARCH_LOCATIONS=file:./config/

我希望通过javascript返回element的值 我希望使用字符串“ station”和“ wind”来提醒。 我尝试了以下JavaScript代码


jhipster:
    security:
        authentication:
            jwt:
                secret: your secret

此外,还可以更改内容的字体颜色。 希望获得有关如何改进我的代码的帮助。

5 个答案:

答案 0 :(得分:1)

您可以使用.text()来获取dom元素的文本内容

.val()适用于输入元素,而.text()将不适用于输入元素。 更多here

var data=$("tr.tb1").find("td").text();
alert(data);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table border=0>
  <tr>
    <td>
      <table  id="table1" width="300" border="2" align="right" cellpadding="1" cellspacing="1">
          <tr class="tb1">
          <td>station</td>
          <td>wind</td>
          </tr>
      </table>
    </td>
  </tr>
</table>

答案 1 :(得分:0)

尝试一下

$('.tb1').find("td").each(function()
{
   alert($(this).html());
});

答案 2 :(得分:0)

.find()

  

获取当前匹配元素集中每个元素的后代,并通过选择器,jQuery对象或元素进行过滤。

您可以使用each()来获取td返回的所有.find()value中没有td属性,可以改用textContent。 请尝试以下操作:

$(".tb1").find("td").each(function(){ 
  var data = this.textContent;
  alert(data);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table border=0>
  <tr>
    <td>
      <table  id="table1" width="300" border="2" align="right" cellpadding="1" cellspacing="1">
          <tr class="tb1">
            <td>station</td>
            <td>wind</td>
          </tr>
      </table>
    </td>
  </tr>
</table>

答案 3 :(得分:0)

您可以使用Document.querySelectorAll()Function.prototype.call()Array.prototype.map()Array.prototype.join()

代码:

const elems = document.querySelectorAll('tr.tb1 td');
const result = Array.prototype.map.call(elems, el => el.innerHTML).join(' ');

alert(result);
<table border=0>
  <tr>
    <td>
      <table  id="table1" width="300" border="2" align="right" cellpadding="1" cellspacing="1">
          <tr class="tb1">
            <td>station</td>
            <td>wind</td>
          </tr>
      </table>
    </td>
  </tr>
</table>

答案 4 :(得分:0)

您可以像这样使用jquery文本方法.text();.html()

var data=$("#table1 .tb1").find("td");

alert(data.html());
alert(data.text());

对于CSS样式

data.css({"color": "blue"});