javascript - 如何匹配两个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

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

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

让我知道这是否有意义或者您有任何问题:)

Answer 2

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 3

尝试，

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

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

Answer 4

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