Question

I am unable to remove the class tag from html page in wordpress. I have tried

$(document).ready(function()
{
setTimeout(function() {
        $('#Deepak').removeAttr('Class1 Class2');
}, 250);
});

But it not working.

I tried the same with condition...

$(document).ready(function()
{
    setTimeout(function() {
        var myAttr = $('#Deepak').attr('Class1 Class2');
        if (typeof myAttr !== 'undefined' && myAttr !== false) {
            $('#Deepak').removeAttr('Class1 Class2');
        }
    }, 250);
});

tried other approaches...

$(document).ready(function()
    {
    $("#Deepak").removeAttr("class");       
});

i am not been ableto figure out the problem.

HTML Script

<table>
        <tbody><tr><td>
        <a id="Deepak" onclick="showImage(this)" href="#http://localhost:8080/escproductcatalogue/wp-content/uploads/2015/03/cisco-catalyst-3750-x-series1.jpg" data-href="http://localhost:8080/escproductcatalogue/wp-content/uploads/2015/03/cisco-catalyst-3750-x-series1.jpg" class="Class1 Class2"> 
        <img src="http://localhost:8080/escproductcatalogue/wp-content/uploads/2015/03/cisco-catalyst-3750-x-series1.jpg"> 
        </a></td>
        <td>
        <a id="Deepak" onclick="showImage(this)" href="#http://localhost:8080/escproductcatalogue/wp-content/uploads/2015/03/Cisco-Nexus-5000-Series.jpg" data-href="http://localhost:8080/escproductcatalogue/wp-content/uploads/2015/03/Cisco-Nexus-5000-Series.jpg" class="Class1 Class2"> 
        <img src="http://localhost:8080/escproductcatalogue/wp-content/uploads/2015/03/Cisco-Nexus-5000-Series.jpg"> 
        </a></td>
        </tr></tbody>
</table>

Answer 1

您的第三个代码应该可以正常删除整个类属性。

$(document).ready(function(){
   $("#Deepak").removeAttr("class");       
});

另外，如果你想从你的元素中删除一些类，你应该尝试这个：

$(document).ready(function(){
        $("#Deepak").removeClass("class1 class2");       
});

编辑：

这是JsFiddle，它首先使用类名称进行警报，然后在删除类后发出警报。它有效！

编辑2：

如果要将其用于所有事件。那么你应该使用类选择器而不是id。这是一个例子：

HTML应该是这样的：

<div class="Deepak class1 class2"></div>
<div class="Deepak class1 class3"></div>
<div class="Deepak class1 class4"></div>

您的代码可以删除所有div的所有类属性：

$(document).ready(function(){
       $(".Deepak").removeAttr("class");       
});

如果你需要从中删除特定的类，你可以这样做：

$(document).ready(function(){
       $(".Deepak").removeClass("class1 class2");       
});

Answer 2

感谢Rohit Arora＆amp; Newinjava ... 在你的帮助下我能够做到这一点..

 $(window).bind("load", function() {
alert( $('#Deepak').attr('class'));
 $('#Deepak').removeAttr('class');
 alert( $('#Deepak').attr('class'));
});

在整个页面加载后需要删除类...所以这段代码对我有用.. :)

Answer 3

您可能需要removeClass而不是removeAttr，因为您没有名称为Class1的任何属性

 $('#Deepak').removeClass('Class1 Class2');

如果要删除所有未传递参数的类

 $('#Deepak').removeClass();

如果要从元素中删除属性，可以使用removeAttr

<强> Live Demo

alert( $('#Deepak').attr('class'));
 $('#Deepak').removeAttr('class');
alert( $('#Deepak').attr('class'));

Answer 4

您能告诉我们您的HTML吗？因为没有HTML，我们无法确定此代码是否有效。你的第三个代码片段应该像Rohit已经指出的那样工作，尽管我不认为他错过了一个支架。但这一切都取决于HTML，确保有一个id为Deepak的元素，实际上有一个属性类和你想要删除的css类。如果这一切都正确，请添加一个简单的警报作为文档中的第一行。现在只是检查您的代码是否正在执行。也许你错过了对jquery lib的引用？我总是你Firebug，但任何其他浏览器开发工具都可以工作，以逐步执行我的jquery代码。

Answer 5

试试这个

    <?php

$name = "";
$email = "";
$msg_to_user = "";

if (isset($_POST['name'])) {

    include "connect_to_mysql.php";

    // Be sure to filter this data to deter SQL injection, filter before querying database
    $name = $_POST['name'];
    $email = $_POST['email'];
    <!--check my queryy -->
    $result = "SELECT * FROM newsletter WHERE email='$email' ";

    $num_rows = @mysqli_num_rows($result);
    @mysqli_query($num_rows);


    if (!$email) {

        $msg_to_user = '<br /><br /><h4><font color="FF0000">Please type an email address ' . $name . '.</font></h4>';

    } else if ($num_rows > 0) {

        $msg_to_user = '<br /><br /><h4><font color="FF0000">' . $email . ' is already in the system.</font></h4>';

    } else {

         $sql_insert = "INSERT INTO newsletter (name, email, dateTime) 
                                                    VALUES('$name','$email',now() )"  or die (mysqli_error($con));

        $msg_to_user = '<br /><br /><h4><font color="0066FF">Thanks ' . $name . ', you have been added successfully.</font></h4>';
        $name = "";
        $email = "";
    }
}

?>

http://jsfiddle.net/au80zap8/

从<a> tag wordpress

5 个答案: