如何通过他的内容获取HTML元素？

Question

我需要在加载页面时修改元素的HTML，因此它不在事件上。

我可以做的是获取此元素包含的所有信息（如名称，状态等...）：

Meteor.call("whereAreYou",function(err,succ){
    if(err){
      console.error(err);
    }else{
      console.log(succ);
      if(succ == undefined){
        Session.set("isNotHome", false)
      }else{
        var theMachine = InfosMachines.find { ipAddr: succ };
        //change the HTML
        Session.set("isNotHome",true);
      }
    }
  });

而元素的结构是：

<li class="liMachine switch">
        <div id="nameMachine">
            <h3>{{nameMachine}}</h3>
        </div>
        <div id="stateMachine">
            State:<span class="state">{{stateMachine}}</span>
        </div>
        {{#if is_running_machine}}<i class="fa fa-spinner fa-spin"></i>{{else}}<button type="button" class="stop {{#if to_hide_stopM}}hidden{{/if}}"></button>{{/if}}
        {{#if is_alive_machine}}<i class="fa fa-spinner fa-spin"></i>{{else}}<button type="button" class="kill {{#if to_hide_stopM}}hidden{{/if}}"></button>{{/if}}
        {{#if is_stopped_machine}}<i class="fa fa-spinner fa-spin"></i>{{else}}<button type="button" class="start {{#if to_hide_startM}}hidden{{/if}}"></button>{{/if}}
    </li>

我想做点什么

nameMachine为“XX”的元素....

但我不知道如何提出要求。

有人可以让我走上正轨吗？

Answer 1

如果您对字符串的任何部分不区分大小写匹配感到满意，则可以使用:contains ：

$('#nameMachine h3:contains("XX")');

或者，如果您要求字符串的完全匹配区分大小写，则可以使用filter() ：

$('#nameMachine h3').filter(function() {
  return $(this).text().trim() == 'XX';
})