javascript - 从同一页面获取特定类字段内容(Javascript 或 PHP)

Question

我想获取 Javascript 或 PHP 中特定 div 类的内容。我找到了一些可能的解决方案，但没有人适合我。这是页面的代码:

<div class="um-field um-field-professional_tag um-field-text" data-key="professional_tag">
   <div class="um-field-label"><label for="professional_tag-27326">Professional Tag</label>
   <div class="um-clear"></div></div>
       <div class="um-field-area">
       <div class="um-field-value">text_to_be_retrieved</div>
</div></div>

所需内容是包含“text_to_be_retrieved””的内容，但代码不应识别文本“text_to_be_retrieved”(它必须仅检索文本以及周围的 div 信息)。是否可以将其存储在 PHP/Javascript 变量中以供其他算法使用？

提前致谢。

Answer 1

您可以这样做，将这些值存储在对象中:

var obj = {};
var nick = $('.um-field-label label').attr('for');
var val = $('.um-field-label').next('.um-field-area').find('.um-field-value').text();
obj.nickName = nick;
obj.value = val;
alert(obj.nickName + " " + obj.value);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="um-field um-field-nickname um-field-text" data-key="nickname">
  <div class="um-field-label">
    <label for="nickname-27326">Professional Tag</label>
    <div class="um-clear">
    </div>
  </div>
  <div class="um-field-area">
    <div class="um-field-value">adolfodominguez</div>
  </div>