如何有条件地选择span标签内的文本

Question

这是我的html标记

我在html中有以下结构：

＆＃13;

＆＃13;

<ul>
  <li>
    <a>
      <span>
        <span class="menu-item-text">Home1  </span>
        </span>
      </a>
    </li>
  </ul>



<ul>
  <li>
    <a>
      <span>
        <span class="menu-item-text">Home2</span>
        </span>
      </a>
    </li>
  </ul>

＆＃13;

＆＃13;

＆＃13;

在上面的结构中，我试图从所有范围中提取文本值，如果值发生在我（Home1）然后警告？

我如何使用jquery做到这一点。

Answer 1

使用JQuery：包含选择器。

＆＃13;

＆＃13;

if ($('span:contains("Home1")').length > 0) {
  alert("home1")
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li>
    <a>
      <span>
        <span class="menu-item-text">Home1  </span>
        </span>
      </a>
    </li>
  </ul>



<ul>
  <li>
    <a>
      <span>
        <span class="menu-item-text">Home2</span>
        </span>
      </a>
    </li>
  </ul>

＆＃13;

＆＃13;

＆＃13;

Answer 2

如果你有jQuery

$(".menu-item-text").click(function(){
    if($(this).text() == "Home1"){ 
        alert("wohoo"); 
    };
});