如何匹配两个html元素

Question

例如，我有

<div class="welcome_font"><a href="link" style="color:#5AC7E6;">name</a></div>

和

<div id="nameho" style="color:#5AC7E6;">another-name</div>

我想在jquery / javascript中写一个“if”语句，如果“name”匹配“another-name”，那么就做点什么。我该怎么做？

Answer 1

var name_1 = $('.welcome_font').text();
var name_2 = $('#nameho').text();

if(name_1===name_2) {
    alert('yes');
} else {
    alert('no');
}

演示：http://jsfiddle.net/TSGqC/

或

var name_check = ($('.welcome_font').text()===$('#nameho').text()?true:false);

if(name_check) {
    alert('yes');
}

演示：http://jsfiddle.net/TSGqC/1/

Answer 2

.html()函数在使用jQuery时抓取内部html。因此，您可以使用以下内容来比较两者：

if ( $('.welcome_font a').first().html() === $('#nameho').html() )
{
  ...
}

请告诉我这是否有意义或者您有任何疑问：）

Answer 3

尝试，

if( $('.welcome_font a').text() == $('#nameho').text() )
{
////Do something
}

下次研究第一次。你可以通过简单的搜索得到这个。

Answer 4

if($(".welcome_font a").text() == $("#nameho").text())
{
     //To do
}